您好,欢迎访问一九零五行业门户网

JavaScript 计时事件的了解与使用方法

javascript 计时事件网站的时间计算中有着重要的作用,本篇将对其做出一些了解。
javascript 计时事件
通过使用 javascript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。
在 javascritp 中使用计时事件是很容易的,两个关键方法是:
setinterval() - 间隔指定的毫秒数不停地执行指定的代码。 settimeout() - 在指定的毫秒数后执行指定代码。
注意: setinterval() 和 settimeout() 是 html dom window对象的两个方法。
setinterval() 方法 setinterval() 间隔指定的毫秒数不停地执行指定的代码
语法
window.setinterval("javascript function",milliseconds); window.setinterval() 方法可以不使用window前缀,直接使用函数setinterval()。 setinterval() 第一个参数是函数(function)。
第二个参数间隔的毫秒数
注意: 1000 毫秒是一秒。
实例
每三秒弹出 "hello" :
setinterval(function(){alert("hello")},3000); 实例展示了如何使用 setinterval() 方法,但是每三秒弹出一次对用户体验并不好。
以下实例将显示当前时间。 setinterval() 方法设置每秒钟执行一次代码,就是手表一样。
实例
显示当前时间
var myvar=setinterval(function(){mytimer()},1000); function mytimer(){ var d=new date(); var t=d.tolocaletimestring(); document.getelementbyid("demo").innerhtml=t;}
如何停止执行?
clearinterval() 方法用于停止 setinterval() 方法执行的函数代码。
语法
window.clearinterval(intervalvariable)
window.clearinterval() 方法可以不使用window前缀,直接使用函数clearinterval()。
要使用 clearinterval() 方法, 在创建计时方法时你必须使用全局变量:
myvar=setinterval("javascript function",milliseconds);
然后你可以使用clearinterval() 方法来停止执行。
实例
以下例子,我们添加了 "停止" 按钮:
<p id="demo"></p><button onclick="mystopfunction()">停止</button><script>var myvar=setinterval(function(){mytimer()},1000); function mytimer(){ var d=new date(); var t=d.tolocaletimestring(); document.getelementbyid("demo").innerhtml=t; } function mystopfunction(){ clearinterval(myvar); }</script>
settimeout() 方法
语法
myvar= window.settimeout("javascript function", milliseconds); settimeout() 方法会返回某个值。在上面的语句中,值被储存在名为 myvar 的变量中。假如你希望取消这个 settimeout(),你可以使用这个变量名来指定它。 settimeout() 的第一个参数是含有 javascript 语句的字符串。这个语句可能诸如 "alert('5 seconds!')",或者对函数的调用,诸如 alertmsg。
第二个参数指示从当前起多少毫秒后执行第一个参数。
提示:1000 毫秒等于一秒。
实例
等待3秒,然后弹出 "hello":
settimeout(function(){alert("hello")},3000);
如何停止执行?
cleartimeout() 方法用于停止执行settimeout()方法的函数代码。
语法
window.cleartimeout(timeoutvariable)
window.cleartimeout() 方法可以不使用window 前缀。
要使用cleartimeout() 方法, 你必须在创建超时方法中(settimeout)使用全局变量:
myvar=settimeout("javascript function",milliseconds);
如果函数还未被执行,你可以使用 cleartimeout() 方法来停止执行函数代码。
实例
以下是同一个实例, 但是添加了 "stop the alert" 按钮:
var myvar; function myfunction(){ myvar=settimeout(function(){alert("hello")},3000);} function mystopfunction(){ cleartimeout(myvar);}
js的计时事件的运用方法本文做出了详细的说明,更多的学习资料清关注即可观看。
相关推荐:
关于javascript 闭包的相关知识的了解和使用
javascript cookie的了解与使用
关于javascript 表单验证的相关讲解
以上就是javascript 计时事件的了解与使用方法的详细内容。
其它类似信息

推荐信息