浅谈js的setInterval事件
更新时间：2014年12月05日 11:37:49 投稿：hebedich
这篇文章主要介绍了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>
相关文章
可以关闭计算机的js脚本...2007-02-02
数组的声明方法 等一些定义2009-03-03
这篇文章主要给大家介绍了Javascript中Date类型和Math类型的一些基础知识，非常的实用，有需要的小伙伴可以参考下2016-02-02
做网页的一些技巧...2007-02-02
这两个事件的触发表现真的就是你想要的吗？在IE下确实有你需要的两个这样事件：onmouseenter 和 onmouseleave。但很不幸FF等其他浏览器并不支持2013-08-08
浅析document.ready和window.onload的区别讲解
这篇文章主要介绍了document.ready和window.onload的区别，有需要的朋友可以参考一下2013-12-12
这篇文章主要介绍了JS 事件绑定、事件监听、事件委托详细介绍的相关资料,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了JavaScript语言对Unicode字符集的支持详解,需要的朋友可以参考下2014-12-12
本文主要介绍prototype.js中各个函数的用法，希望能帮到大家，有需要的朋友可以参考一下。2016-06-06
本篇文章主要介绍了js学习笔记之事件处理模型，对初学这具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2016-10-10
最新评论