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 25 Javascript
javascript+mapbar实现地图定位
Apr 09 Javascript
纯JS实现五子棋游戏兼容各浏览器(附源码)
Apr 24 Javascript
js跨域访问示例(客户端/服务端)
May 19 Javascript
jQuery实现左右切换焦点图
Apr 03 Javascript
JQuery创建DOM节点的方法
Jun 11 Javascript
JavaScript中this详解
Sep 01 Javascript
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
Mar 02 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
Aug 30 Javascript
vue 解决循环引用组件报错的问题
Sep 06 Javascript
inquirer.js一个用户与命令行交互的工具详解
May 18 Javascript
在Express中提供静态文件的实现方法
Oct 17 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
广播爱好者需要了解的天线知识
2021/03/01 无线电
ThinkPHP进程计数类Process用法实例详解
2015/09/25 PHP
解读PHP的Yii框架中请求与响应的处理流程
2016/03/17 PHP
PHP在线调试执行的实现方法(附demo源码)
2016/04/28 PHP
表单内同名元素的控制
2006/11/22 Javascript
jQuery实现可拖动的浮动层完整代码
2013/05/27 Javascript
JS应用正则表达式转换大小写示例
2014/09/18 Javascript
JS随机调用指定函数的方法
2015/07/01 Javascript
javascript学习总结之js使用技巧
2015/09/02 Javascript
基于JavaScript FileReader上传图片显示本地链接
2016/05/27 Javascript
微信小程序 地图map详解及简单实例
2017/01/10 Javascript
原生js实现旋转木马轮播图效果
2017/02/27 Javascript
JavaScript利用fetch实现异步请求的方法实例
2017/07/26 Javascript
一个有意思的鼠标点击文字特效jquery代码
2017/09/23 jQuery
VUE2实现事件驱动弹窗示例
2017/10/21 Javascript
如何开发出更好的JavaScript模块
2017/12/22 Javascript
深入解析ES6中的promise
2018/11/08 Javascript
浅谈js闭包理解
2019/04/01 Javascript
Vue项目打包部署到iis服务器的配置方法
2019/10/14 Javascript
React组件设计模式之组合组件应用实例分析
2020/04/29 Javascript
webpack5 联邦模块介绍详解
2020/07/08 Javascript
[03:44]2014DOTA2国际邀请赛 71专访:DK战队赛前讨论视频遭泄露
2014/07/13 DOTA
实例讲解Python编程中@property装饰器的用法
2016/06/20 Python
Python开发最牛逼的IDE——pycharm
2018/08/01 Python
解决Pycharm运行时找不到文件的问题
2018/10/29 Python
Python生成MD5值的两种方法实例分析
2019/04/26 Python
python3的UnicodeDecodeError解决方法
2019/12/20 Python
Python实现Appium端口检测与释放的实现
2020/12/31 Python
java关于string最常出现的面试题整理
2021/01/18 Python
温泉秘密:Onsen Secret
2020/07/06 全球购物
医学生求职自荐信
2013/10/25 职场文书
幼儿园感恩节活动方案
2014/10/06 职场文书
单位租房协议书样本
2014/10/30 职场文书
2015大一新生军训感言
2015/08/01 职场文书
幼儿园教学反思范文
2016/03/02 职场文书
阿里云 Windows server 2019 配置FTP
2022/04/28 Servers