前端技术 手机教程
程序开发 平面动画
系统软件 运营推广
CMS教程 在线手册
资源下载 网络安全
精准搜索请尝试:精确搜索

js定时器讲解

2018-12-13 16:52:01 来源:原创 作者:寂静的神经

js定时器有以下两个方法:

setInterval() :循环定时器,按照指定的周期(以毫秒为单位)来调用函数或计算表达式。循环执行。
setTimeout() :倒计时定时器,在指定的时间(以毫秒为单位)后调用函数或计算表达式,只执行一次。

使用方法:

1.循环执行,每3秒钟弹出本站网站。

	<script>
	function show(){
	  alert("www.02405.com");
	}
	setInterval("show()",3000);
	</script>

2.定时执行,3秒后弹出一次本站网址。

	<script>
	function show(){
	  alert("www.02405.com");
	}
	setTimeout("show()",3000);
	</script>

清理方法:

1.清理循环定时器方法:clearInterval

	<script>
	function show(){
	  alert("www.02405.com");
	}
	var s1 = setInterval("show()",3000);
	clearInterval(s1); //清理操作,参数必须为定时器ID而不能直接使用定时器函数。
	</script>

2.清理倒计时定时器方法:clearTimeout

	<script>
	function show(){
	  alert("www.02405.com");
	}
	var s2 = setTimeout("show()",3000);
	clearTimeout(s2); //清理操作,参数必须为定时器ID而不能直接使用定时器函数。
	</script>

实际用途:

setInterval() 方法多用于刷新表单或者模拟时间变化,比如模拟时钟。

setTimeout() 方法多用于延迟执行,比如倒计时跳转网页等。

分享到:
本文关键词:js 定时器

相关文章

零五科技,分享IT知识,国内顶级IT知识门户网站。

Copyright (C) www.02405.com, All Rights Reserved.

零五科技 版权所有 辽ICP备13002105号-1

//百度 //cnzz