定时器 因为javascript比较简单,很多语法和Java基本一致的,所以我们不会很具体详细的解释代码。 需求:有时候,我们在付完款后,页面会提示几秒后跳转到原页面。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JavaScript学习</title> </head> <script> //定义计时器,setInterval()第一个参数是函数,但是嵌套在function(){} //是为了打开页面就执行,而不需要按钮之类的去响应 var time_interval = setInterval(function(){myTime()},1000); //跳转的方法 myTimeout(); var t = 5; function myTime(){ document.getElementById("time").innerText = t+"s之后跳转百度首页"; t--; if(t<=0){ //移除计时器,跳转页面 window.clearInterval(time_interval); } } function myTimeout(){ setTimeout("window.location.href='http://www.baidu.com'",5000); } </script> <body> <div id="time"></div> </body> </html>JavaScript 计时事件 通过使用 JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。
在 JavaScritp 中使用计时事件是很容易的,两个关键方法是:
setInterval()- 间隔指定的毫秒数不停地执行指定的代码。 setTimeout()- 在指定的毫秒数后执行指定代码。
注意: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。
如何停止执行? clearInterval()方法用于停止 setInterval() 方法执行的函数代码。
语法
window.clearInterval(intervalVariable);window.clearInterval() 方法可以不使用window前缀,直接使用函数clearInterval()。
要使用 clearInterval() 方法, 在创建计时方法时你必须使用全局变量:
var myVar=setInterval(function,milliseconds);