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的replace方法介绍
Oct 20 Javascript
jquery实现网页查找功能示例分享
Feb 12 Javascript
jQuery简单图表peity.js使用示例
May 02 Javascript
IE6中链接A的href为javascript协议时不在当前页面跳转
Jun 05 Javascript
Javascript中Array.prototype.map()详解
Oct 22 Javascript
JavaScript将XML转成JSON的方法
Mar 12 Javascript
强大Vue.js组件浅析
Sep 12 Javascript
微信小程序 Record API详解及实例代码
Sep 30 Javascript
jQuery中的一些小技巧
Jan 18 Javascript
js常用的继承--组合式继承
Mar 06 Javascript
AngularJS中下拉框的基本用法示例
Oct 11 Javascript
记录一次完整的react hooks实践
Mar 11 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图片缩放实现方法
2014/02/20 PHP
类之Prototype.js学习
2007/06/13 Javascript
用javascript实现给出的盒子的序列是否可连为一矩型
2007/08/30 Javascript
一步一步教你写一个jQuery的插件教程(Plugin)
2009/09/03 Javascript
基于jquery的9行js轻松实现tab控件示例
2013/10/12 Javascript
JavaScript原型及原型链终极详解
2016/01/04 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
2016/06/02 Javascript
使用jquery获取url及url参数的简单实例
2016/06/14 Javascript
完美JQuery图片切换效果的简单实现
2016/07/21 Javascript
vue实现列表的添加点击
2016/12/29 Javascript
重新认识vue之事件阻止冒泡的实现
2018/08/02 Javascript
微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题
2018/10/09 Javascript
nodejs遍历文件夹下并操作HTML/CSS/JS/PNG/JPG的方法
2018/11/01 NodeJs
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
2019/12/17 Javascript
Vue通过配置WebSocket并实现群聊功能
2019/12/31 Javascript
Vue.js中Line第三方登录api的实现代码
2020/06/29 Javascript
Electron 打包问题:electron-builder 下载各种依赖出错(推荐)
2020/07/09 Javascript
在Linux下调试Python代码的各种方法
2015/04/17 Python
Python Requests模拟登录实现图书馆座位自动预约
2018/04/27 Python
Python高级特性——详解多维数组切片(Slice)
2019/11/26 Python
详解如何在登录过期后跳出Ifram框架
2020/09/10 HTML / CSS
英国排名第一的停车场运营商:NCP
2019/08/26 全球购物
Sandro法国官网:法国成衣品牌
2019/08/28 全球购物
体育教育专业毕业生自荐信
2013/11/15 职场文书
银行求职推荐信范文
2013/11/30 职场文书
往来会计岗位职责
2013/12/19 职场文书
歌唱比赛获奖感言
2014/01/21 职场文书
广告学专业自荐信范文
2014/02/24 职场文书
党员廉洁自律承诺书
2014/05/26 职场文书
2014年基层党建工作总结
2014/11/11 职场文书
2014年学校工会工作总结
2014/12/06 职场文书
小学生作文评语集锦
2014/12/25 职场文书
硕士论文致谢范文
2015/05/14 职场文书
2015年社区宣传工作总结
2015/05/20 职场文书
7个你应该知道的JS原生错误类型
2021/04/29 Javascript
Python装饰器的练习题
2021/11/23 Python