setInterval与clearInterval的使用示例代码


Posted in Javascript onJanuary 28, 2014

setInterval是一个很有用的js函数,可以用来重复执行某些功能,利用这个我们可以实现一些很有趣的功能,比如:

不刷新页面的情况下,"实时"获取其它会员给你发来的问候,并弹出显示之类

下面给一个示例代码:(里面用了一些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>
Javascript 相关文章推荐
javascript Xml增删改查(IE下)操作实现代码
Jan 30 Javascript
让Firefox支持event对象实现代码
Nov 07 Javascript
jQuery源码中的chunker 正则过滤符分析
Jul 31 Javascript
Jquery中val()表单取值赋值的实例代码
Aug 15 Javascript
在父页面得到zTree已选中的节点的方法
Feb 12 Javascript
Bootstrap每天必学之前端开发框架
Nov 19 Javascript
盘点javascript 正则表达式中 中括号的【坑】
Mar 16 Javascript
jQuery仿写百度百科的目录树
Jan 03 Javascript
JavaScript设计模式之单例模式详解
Jun 09 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
Jun 15 Javascript
Vue渲染函数详解
Sep 15 Javascript
基于vue实现可搜索下拉框定制组件
Mar 26 Javascript
Jquery实现的一种常用高亮效果示例代码
Jan 28 #Javascript
基于JQuery实现的Select级联
Jan 27 #Javascript
javascript根据像素点取位置示例
Jan 27 #Javascript
JS如何将数字类型转化为没3个一个逗号的金钱格式
Jan 27 #Javascript
FF IE浏览器修改标签透明度的方法
Jan 27 #Javascript
js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
Jan 27 #Javascript
javascript动态添加、修改、删除对象的属性与方法详解
Jan 27 #Javascript
You might like
php 引用(&amp;)详解
2009/11/20 PHP
基于python发送邮件的乱码问题的解决办法
2013/04/25 PHP
thinkPHP基于ajax实现的菜单与分页示例
2016/07/12 PHP
php7连接MySQL实现简易查询程序的方法
2020/10/13 PHP
用JavaScript获取网页中的js、css、Flash等文件
2006/12/20 Javascript
基于JQuery的访问WebService的代码(可访问Java[Xfire])
2010/11/19 Javascript
Jquery Ajax的Get方式时需要注意URL地方
2011/04/07 Javascript
asm.js使用示例代码
2013/11/28 Javascript
9款2014最热门jQuery实用特效推荐
2014/12/07 Javascript
Vue表单实例代码
2016/09/05 Javascript
微信公众号菜单配置微信小程序实例详解
2017/03/31 Javascript
jquery实现图片放大点击切换
2017/06/06 jQuery
JS switch判断 三目运算 while 及 属性操作代码
2017/09/03 Javascript
微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
2017/12/06 Javascript
vue.js轮播图组件使用方法详解
2018/07/03 Javascript
详解微信小程序网络请求接口封装实例
2019/05/02 Javascript
微信小程序判断用户是否需要再次授权获取个人信息
2019/07/18 Javascript
vue弹出框组件封装实例代码
2019/10/31 Javascript
Vue路由管理器Vue-router的使用方法详解
2020/02/05 Javascript
ES6中new Function()语法及应用实例分析
2020/02/19 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
2020/03/10 Javascript
python实现的登录和操作开心网脚本分享
2014/07/09 Python
Python实现SVN的目录周期性备份实例
2015/07/17 Python
python中的编码知识整理汇总
2016/01/26 Python
全面分析Python的优点和缺点
2018/02/07 Python
PyQt5每天必学之拖放事件
2020/08/27 Python
使用Python 自动生成 Word 文档的教程
2020/02/13 Python
浅谈多卡服务器下隐藏部分 GPU 和 TensorFlow 的显存使用设置
2020/06/30 Python
如何用css3实现switch组件开关的方法
2018/02/09 HTML / CSS
波兰在线儿童和婴儿用品零售商:pinkorblue
2019/06/29 全球购物
汽车促销活动方案
2014/03/31 职场文书
学生检讨书怎么写
2014/10/09 职场文书
1000字打架检讨书
2014/11/03 职场文书
2014年工程师工作总结
2014/11/25 职场文书
Python用tkinter实现自定义记事本的方法详解
2022/03/31 Python
Pandas 数据编码的十种方法
2022/04/20 Python