setInterval与clearInterval的使用示例代码
2014-01-28 00:00
405 查看
setInterval是一个很有用的js函数,可以用来重复执行某些功能,利用这个我们可以实现一些很有趣的功能,比如:
不刷新页面的情况下,"实时"获取其它会员给你发来的问候,并弹出显示之类
下面给一个示例代码:(里面用了一些jquery的方法)
不刷新页面的情况下,"实时"获取其它会员给你发来的问候,并弹出显示之类
下面给一个示例代码:(里面用了一些jquery的方法)
<html> <head> <title>jquery 操作 Select</title> <script type="text/javascript" src="jquery-1.2.6.pack.js"></script> <script type="text/javascript"> var i=1; var _interval; function showTime() { var today = new Date(); $("#msg").html(today.toLocaleString() + ",i=" + i); i++; if (i>10) { clearInterval(_interval); } } $(document).ready(function(){ $("#btnStart").click(function(){ showTime(); _interval = setInterval("showTime()", 1000); }) $("#btnStop").click(function(){ clearInterval(_interval); i=0; }) }) </script> </head> <body> <label id="msg"></label> <button id="btnStart">开始记时</button> <button id="btnStop">停止记时</button> <script type="text/javascript"></script> </body> </html>
相关文章推荐
- setInterval与clearInterval的使用示例代码
- setInterval与clearInterval使用示例
- Android使用KeyStore对数据进行加密的示例代码
- JAVA与JSON的使用方式及转换示例代码
- JQuery jsonp 使用示例代码
- linux flock使用示例代码
- vue使用drag与drop实现拖拽的示例代码
- Python使用matplotlib填充图形指定区域代码示例
- jQuery中使用Ajax获取JSON格式数据示例代码
- IO中flush()函数的使用代码示例
- Asp.net 2.0 自定义控件开发专题[详细探讨页面状态(视图状态和控件状态)机制及其使用场景](示例代码下载)
- 语义网技术(2):jena的使用——更多示例和代码分析(上,例子从例2-例5)
- UICollectionView官方使用示例代码研究
- Android ScrollView使用代码示例
- Java使用sftp定时下载文件的示例代码
- spring框架整合使用定时任务框架java quartz的示例代码配置
- Python使用迭代器打印螺旋矩阵的思路及代码示例
- Android Java使用JavaMail API发送和接收邮件的代码示例
- 使用poi操作导出excel代码示例
- 使用python画个小猪佩奇的示例代码