JavaScript实现数字的循环 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>123</title>
 6     <script type="text/javascript">
 7     window.onload=function(){
 8         var odiv=document.getElementById("div1");
 9         var oinput=document.getElementById("input1");
10         oinput.onclick=function(){
11             var arr=odiv.innerHTML.split(",")//把字符串分割为字符串数组
12             arr.push(arr[0]);//向数组的末尾添加一个或更多元素，并返回新的长度
13             arr.shift()//删除并返回数组的第一个元素
14             odiv.innerHTML=arr;
15         }
16     }
17     </script>
18 </head>
19 <body>
20     <div id="div1">1,2,3,4</div>
21     <input type="button" value="切换" id="input1"/>
22 </body>
23 </html>

 

posted @ 2016-01-31 14:42  陆漫漫  阅读(4322)  评论(0)    收藏  举报