js中的定时器

扫码查看

js中的定时器的开始和关闭:

     <input id="btn1" type="button" value="开启" />
        <input id="btn2" type="button" value="关闭" />

        <script>
            window.onload = function()
            {
                var btn1 = document.getElementById("btn1");
                var btn2 = document.getElementById("btn2");
                var timer = null;                     //当关闭定时器时需要先定义一个变量为空,让这个变量等于开始的定时器的函数, 然后再 clearInterval(timer);    

                btn1.onclick = function()
                {
                    timer = setInterval(function(){
                        alert('a');
                    },1000);
                };
                btn2.onclick =function()
                {
                    clearInterval(timer);
                }
            };
        </script>

js中定时器让div一直向右移动:

       <style>
            #div1{
                width: 200px;
                height: 200px;
                background: red;
                position: absolute;
                left: 0;
                top: 50px;
            }
        </style>

        <div id="div1"></div>

        <script>
            setInterval(function(){
                var div1 = document.getElementById("div1");
                div1.style.left = div1.offsetLeft+10+'px';
            },30);
        </script>

1

12-15 04:27
查看更多