浅谈js的setInterval事件
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
setinterval()用法
setInterval(code,millisec[,"lang"])
后面就两个参数code是你的js代码，millisec为时间间隔，以毫秒计
<body>
<div id="content" style="position:relative; height:1000px; width:1000px; background-color:#666;">
<div id="one" style="position:absolute;top:0px; left:0px; height:100px; width:100px; background-color:red;"></div>
</div>
<script>
var one=document.getElementById('one')
var x=0;
var y=0;
var xs=10;
var ys=10;
function scroll(){
x+=xs;
y+=ys;
if(x>=document.getElementById('content').offsetWidth-one.offsetWidth-20 || x<=0)
{
xs=-1*xs;
}
if(y>=document.getElementById('content').offsetHeight-one.offsetHeight-20 || y<=0)
{
ys=-1*ys;
}
one.style.left=x;
one.style.top=y;
}
dt=setInterval(scroll,100);
one.onmouseover=function(){
clearInterval(dt);
};
one.onmouseout=function(){
dt=setInterval(scroll,100);
};
</script>
</body>
下面举一个简单的例子。
例1
function show(){ trace("每隔一秒我就会显示一次");}
var sh;sh=setInterval(show,1000);
clearInterval(sh);
例2
<form> <input type="text" id="clock" size="35" /> <script language=javascript> var int=self.setInterval("clock()",50) function clock(){var t=new Date() document.getElementById("clock").value=t } </script> </form> <div id="clock"></div> <button onclick="int=window.clearInterval(int)">Stop interval</button>
-
本文向大家介绍浅谈JavaScript的事件，包括了浅谈JavaScript的事件的使用技巧和注意事项，需要的朋友参考一下 1、事件流 事件流描述的是从页面中接收事件的顺序。但是IE提出的是冒泡流，而Netscape Communicator提出的是捕获流。 JavaScript事件流 2、事件冒泡（event bubbling） 事件开始由最具体的元素（嵌套层次最深的那个节点）接
-
本文向大家介绍浅谈js键盘事件全面控制，包括了浅谈js键盘事件全面控制的使用技巧和注意事项，需要的朋友参考一下 主要分四个部分 第一部分：浏览器的按键事件 第二部分：兼容浏览器 第三部分：代码实现和优化 第四部分：总结 第一部分：浏览器的按键事件 用js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、 onkeypres
-
本文向大家介绍浅谈angularJS中的事件，包括了浅谈angularJS中的事件的使用技巧和注意事项，需要的朋友参考一下 什么是事件 •如同浏览器响应浏览器层的事件，比如鼠标点击、获得焦点，angular应用也可以响应angular事件 •angular事件系统并不与浏览器的事件系统相通，我们只能在作用域上监听angular事件而不是DOM事件 事件传播 因为作用域是有层次的，所以我们可以在作用
-
本文向大家介绍浅谈jQuery中的事件，包括了浅谈jQuery中的事件的使用技巧和注意事项，需要的朋友参考一下 JQuery事件初见 1.JQuery中的事件绑定 其实呢，JQuery中标准的事件绑定是这样写下：（如下） 但是每次这样写，太过麻烦，还怎么做到Write less，Do more？ 所以我们习惯的简写成。 $("#btn").click(function(){ }) 这样就方便了
-
本文向大家介绍浅谈javascript的Touch事件，包括了浅谈javascript的Touch事件的使用技巧和注意事项，需要的朋友参考一下 js的touch事件，一般用于移动端的触屏滑动 touchstart:当手指触摸屏幕时触发；即使已经有一个手指放在了屏幕上也会触发。 touchmove:当手指在屏幕上滑动时连续的触发。在这个事件发生期间，调用preventDefault()可阻止滚动。
-
本文向大家介绍浅谈JavaScript中setInterval和setTimeout的使用问题，包括了浅谈JavaScript中setInterval和setTimeout的使用问题的使用技巧和注意事项，需要的朋友参考一下 说到setInterval，就不得不提到setTimeout，二者都是用于定时执行某函数，区别在于setTimeout 只执行一次，而setInterval可以一直连续不断执行