您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

JavaScript定时器详解

2025/11/19 17:42:58发布33次查看
在javascritp中,有两个关于定时器的专用函数,它们是: 
1.倒计定时器:timename=settimeout(function();,delaytime); 
2.循环定时器:timename=setinterval(function();,delaytime); 
function()是定时器触发时要执行的是事件的函数,可以是一个函数,也可以是几个函数,或者javascript的语句也可以,单要用;隔开;delaytime则是间隔的时间,以毫秒为单位。 
倒计时定时器就是在指定时间后触发事件,而循环定时器就是在间隔时间到来时反复触发事件,其区别在于:前者只是作用一次,而后者则不停地作用。 
倒计时定时器一般用于页面上只需要触发一次的的情况,比如点击某按钮后页面在一定时间后跳转到相应的站点,也可以用于判断一个浏览者是不是你的站点上的“老客”,如果不是,你就可以在5秒或者10秒后跳转到相应的站点,然后告诉他以后再来可以在某个地方按某一个按钮就可以快速进入。 
循环定时器一般用于站点上需要从复执行的效果,比如一个javascript的滚动条或者状态栏,也可以用于将页面的背景用飞雪的图片来表示。这些事件需要隔一段时间运行一次。 
有时候我们也想去掉一些加上的定时器,此时可以用cleartimeout(timename) 来关闭倒计时定时器,而用clearinterval(timename)来关闭循环定时器。
例1:
<script language="javascript">
settimeout(confirm('123456'),1000);
</script>
<script language="javascript" type="text/javascript">
function count() {
    settimeout(alert('三秒到了'),3000)
}
</script>
<input type="button" value=" 计时开始" onclick="count()">
例2:
<script><script language="javascript" type="text/javascript">
var sec = 0;
timerid = setinterval(count(),1000);
function count() {
    num.innerhtml = sec++;
}
</script>
停留时间:
<font id="num" face="impact">0</font>秒钟
<input type="button" value="停止" onclick="clearinterval(timerid)">
例3:
<script language="javascript" type="text/javascript">
var str = 这是一个在线拍卖的网站,请尽情血拼吧!;
var seq = 0;
function scroll() {
    msg = str.substring(0, seq+1);
    banner.innerhtml = msg;
    seq++;
    if (seq >= str.length) seq = 0;
}
</script>
<body onload="setinterval('scroll()',500)">
<font id="banner"></font>
</body>
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product