轮播

来源:互联网 发布:租自行车软件 编辑:程序博客网 时间:2024/04/30 03:58

数组循环切换 例如: "1,2,3,4" => "2,3,4,1"

<script>
    //加载事件
    window.onload = function () {
        //获取div里面的值
        var odiv = document.getElementById('div1');
        //but点击事件
        input1.onclick = function () {
            //数组分割
            var arr = odiv.innerHTML.split(',');
            //添加第一个元素
            arr.push(arr[0]);
            //删除第一个元素
            arr.shift(arr[0]);
            //重赋值到div
            odiv.innerHTML = arr;
        }
    }
</script>
 
<div id="div1">
    1,2,3,4,5
</div>
<input type="button" value="切换" id="input1" />


0 0