首页 > Web开发 > 详细

js中的定时器

时间:2020-01-09 15:48:57      阅读:79      评论:0      收藏:0      [点我收藏+]

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

js中的定时器

原文:https://www.cnblogs.com/shandayuan/p/12171719.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!