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