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 相关文章推荐
js文字滚动停顿效果代码
Jun 28 Javascript
基于jquery的分页控件(C#)
Jan 06 Javascript
jQuery实现图片放大预览实现原理及代码
Sep 12 Javascript
jquery禁用右键单击功能屏蔽F5刷新
Mar 17 Javascript
js实现浏览本地文件并显示扩展名的方法
Aug 17 Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
May 18 Javascript
JS中setTimeout和setInterval的最大延时值详解
Feb 13 Javascript
微信小程序 转发功能的实现
Aug 04 Javascript
利用vue + koa2 + mockjs模拟数据的方法教程
Nov 22 Javascript
vue-cli脚手架引入图片的几种方法总结
Mar 13 Javascript
JS中原始值和引用值的储存方式示例详解
Mar 23 Javascript
vue-router的hooks用法详解
Jun 08 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
单一index.php实现PHP任意层级文件夹遍历(Zjmainstay原创)
2012/07/31 PHP
php对mongodb的扩展(初出茅庐)
2012/11/11 PHP
thinkphp整合微信支付代码分享
2016/11/24 PHP
利用PHP访问带有密码的Redis方法示例
2017/02/09 PHP
PHP实现将多个文件中的内容合并为新文件的方法示例
2017/06/10 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
javascript实现列表滚动的方法
2015/07/30 Javascript
js实现继承的5种方式
2015/12/01 Javascript
JavaScript File分段上传
2016/03/10 Javascript
vue实现动态数据绑定
2017/04/28 Javascript
浅谈vue.js中v-for循环渲染
2017/07/26 Javascript
使用Vue-Router 2实现路由功能实例详解
2017/11/14 Javascript
JavaScript中的高级函数
2018/01/04 Javascript
使用layui的layer组件做弹出层的例子
2019/09/27 Javascript
Bootstrap实现模态框效果
2019/09/30 Javascript
茶余饭后聊聊Vue3.0响应式数据那些事儿
2019/10/30 Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
2019/11/09 Javascript
Vue Object.defineProperty及ProxyVue实现双向数据绑定
2020/09/02 Javascript
JS使用setInterval计时器实现挑战10秒
2020/11/08 Javascript
[01:34]DAC2018主赛事第四日五佳镜头 Gh巨牙海民助Miracle-死里逃生
2018/04/07 DOTA
Python实现的中国剩余定理算法示例
2017/08/05 Python
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
Django框架实现的简单分页功能示例
2018/12/04 Python
Python元组常见操作示例
2019/02/19 Python
Django框架安装方法图文详解
2019/11/04 Python
StubHub墨西哥:购买和出售您的门票
2016/09/17 全球购物
一个精品风格的世界:Atterley
2019/05/01 全球购物
贝尔帐篷精品店:Bell Tent Boutique
2019/06/12 全球购物
个人找工作求职简历的自我评价
2013/10/20 职场文书
应届大学生自荐信
2013/12/05 职场文书
高职教师先进事迹材料
2014/08/24 职场文书
普通党员群众路线教育实践活动心得体会
2014/11/04 职场文书
2017年大学生寒假社会实践活动总结
2016/04/06 职场文书
哪类餐饮行业,最适合在高校创业?
2019/08/19 职场文书
python - asyncio异步编程
2021/04/06 Python
Python基础知识学习之类的继承
2021/05/31 Python