JS setInterval()、 setInterval()与 clearInterval() 方法的使用
2015-10-28 00:19
411 查看
HTML DOM setInterval()、clearInterval() 方法
setTimeout和setInterval
<html> <head> <title>标题</title> <script src="../js/clock.js" mce_src="js/clock.js" language="JavaScript"> </script> </head> <body> <div id="clock"></div> <script language="JavaScript"> <!-- var clockDiv = document.getElementById("clock"); // 自定义时钟对象,实时显示当前时间 var clickObj = new Clock(clockDiv); /* * setInterval()方法使用,周期性的调用clickObj.getCurrentDate() * 以更新显示内容 */ var intervalId = window.setInterval("clickObj.getCurrentDate()", 1000); // --> </script> <br> <!-- 此处clearInterval()方法的参数intervalId就是上面setInterval()调用后的 返回值 --> <input type="button" onclick="window.clearInterval(intervalId)" value="停止计时" /> </body> </html>
setTimeout和setInterval
setTimeout和setInterval的语法相同。它们都有两个参数,一个是将要执行 的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将 执行那段代码。 不过这两个函数还是有区别的,setInterval在执行完一次代码之后,经过 了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那 段代码。 区别:window.setTimeout("function",time);//设置一个超时对象,只执行一次,无周期 window.setInterval("function",time);//设置一个超时对象,周期='交互时间' 停止定时: window.clearTimeout(对象) 清除已设置的setTimeout对象 window.clearInterval(对象) 清除已设置的setInterval对象 ========================================================= showTime(); function showTime() { var today = new Date(); alert("The time is: " + today.toString()); setTimeout("showTime()", 5000); } 一旦调用了这个函数,那么就会每隔5秒钟就显示一次时间 =========================================================== =========================================================== setInterval("showTime()", 5000); function showTime() { var today = new Date(); alert("The time is: " + today.toString()); } 而setInterval却没有被自己所调用的函数所束缚,它只是简单地每隔一定时间 就重复执行一次那个函数。 ===========================================================
相关文章推荐
- .NET中JSON的序列化和反序列化
- jsp+ajax实现的局部刷新较验验证码(onblur事件触发较验)
- jsp倒计时简单实现方法
- JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
- 基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
- JS实现双击屏幕滚动效果代码
- JavaScript多并发问题如何处理
- 开启Javascript中apply、call、bind的用法之旅模式
- 使用CoffeeScrip优美方式编写javascript代码
- JSON实例
- JS模板引擎 :ArtTemplate (2)
- js控制html中ul列表li点击可以编辑
- javascript图片轮播之gallery.js
- package.json 字段全解析
- 利用__proto__ 实现继承
- class.js
- 使用QUnit对javascript进行单元测试
- 如何抓取Js动态生成html的页面?
- Newtonsoft.Json高级用法
- JavaScript高级程序设计之DOM之节点层次之Document类型第10.1.2讲