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 相关文章推荐
在IE上直接编辑网页内容的js代码(IE地址栏js)
Apr 27 Javascript
Eval and new funciton not the same thing
Dec 27 Javascript
使用jQuery操作HTML的table表格的实例解析
Mar 13 Javascript
JS随机洗牌算法之数组随机排序
Mar 23 Javascript
非常漂亮的相册集 使用jquery制作相册集
Apr 28 Javascript
BootStrap tooltip提示框使用小结
Oct 26 Javascript
详解Jquery的事件操作和文档操作
Dec 19 Javascript
Ionic + Angular.js实现图片轮播的方法示例
May 21 Javascript
jQuery选择器特殊字符与属性空格问题
Aug 14 jQuery
Vue的H5页面唤起支付宝支付功能
Apr 18 Javascript
Javascript原生ajax请求代码实例
Feb 20 Javascript
javascript this指向相关问题及改变方法
Nov 19 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
让Nginx支持ThinkPHP的URL重写和PATHINFO的方法分享
2011/08/08 PHP
深入PHP中慎用双等于(==)的详解
2013/06/06 PHP
php验证手机号码
2015/11/11 PHP
ThinkPHP框架实现的邮箱激活功能示例
2018/06/15 PHP
Laravel框架学习笔记之批量更新数据功能
2019/05/30 PHP
PHP7变量处理机制修改
2021/03/09 PHP
用户注册常用javascript代码
2009/08/29 Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
2013/09/22 Javascript
jQuery循环动画与获取组件尺寸的方法
2015/02/02 Javascript
JavaScript判断用户名和密码不能为空的实现代码
2016/05/16 Javascript
用js读写cookie的简单方法(推荐)
2016/08/08 Javascript
详解Node.js如何开发命令行工具
2016/08/14 Javascript
jQuery弹出遮罩层效果完整示例
2016/09/13 Javascript
JavaScript的事件机制详解
2017/01/17 Javascript
字太多用...代替的方法(两种)
2017/03/15 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
2017/06/14 Javascript
Angular中使用MathJax遇到的一些问题
2017/12/15 Javascript
node thread.sleep实现示例
2018/06/20 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
2018/08/28 Javascript
详解如何用typescript开发koa2的二三事
2018/11/13 Javascript
js找出5个数中最大的一个数和倒数第二大的数实现方法示例小结
2020/03/04 Javascript
Python设计足球联赛赛程表程序的思路与简单实现示例
2016/06/28 Python
django静态文件加载的方法
2018/05/20 Python
Python生成随机验证码代码实例解析
2020/06/09 Python
HTML5网页录音和上传到服务器支持PC、Android,支持IOS微信功能
2019/04/26 HTML / CSS
HTML5实现的图片无限加载的瀑布流效果另带边框圆角阴影
2014/03/07 HTML / CSS
详解Canvas 跨域脱坑实践
2018/11/07 HTML / CSS
SIXPAD智能健身仪英国官网:革命性的训练装备品牌
2018/09/27 全球购物
酒店管理专业学生求职信
2013/09/27 职场文书
最新自我评价范文
2013/11/16 职场文书
生物技术专业毕业生求职信范文
2013/12/14 职场文书
卖车协议书范本4篇
2014/10/01 职场文书
教师群众路线心得体会
2014/11/04 职场文书
考试没考好检讨书(精选篇)
2014/11/16 职场文书
五年级上册复习计划
2015/01/19 职场文书
2015年加油站站长工作总结
2015/05/27 职场文书