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库 开发规则
Jan 31 Javascript
改写一个简单的菜单 弹性大小
Dec 02 Javascript
JavaScript实现简单图片滚动附源码下载
Jun 17 Javascript
jQuery中prepend()方法用法实例
Dec 25 Javascript
jQuery中unbind()方法用法实例
Jan 19 Javascript
JS传递对象数组为参数给后端,后端获取的实例代码
Jun 28 Javascript
浅谈Webpack打包优化技巧
Jun 12 Javascript
微信小程序实现即时通信聊天功能的实例代码
Aug 17 Javascript
cnpm加速Angular项目创建的方法
Sep 07 Javascript
在Node.js中将SVG图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式的方法
Aug 22 Javascript
js 对象使用的小技巧实例分析
Nov 08 Javascript
AngularJS实现多级下拉框
Mar 25 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 截取字符串并以零补齐str_pad() 函数
2011/05/07 PHP
php whois查询API制作方法
2011/06/23 PHP
解析php中const与define的应用区别
2013/06/18 PHP
php基于session实现数据库交互的类实例
2015/08/03 PHP
jQuery 图像裁剪插件Jcrop的简单使用
2009/05/22 Javascript
JavaScript中统计Textarea字数并提示还能输入的字符
2014/06/10 Javascript
JS实现禁止鼠标右键的功能
2016/10/15 Javascript
总结几道关于Node.js的面试问题
2017/01/11 Javascript
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
2017/01/29 Javascript
详解js模板引擎art template数组渲染的方法
2018/10/09 Javascript
使用kbone解决Vue项目同时支持小程序问题
2019/11/08 Javascript
vue el-table实现行内编辑功能
2019/12/11 Javascript
python 中文字符串的处理实现代码
2009/10/25 Python
深入解读Python解析XML的几种方式
2016/02/16 Python
使用rst2pdf实现将sphinx生成PDF
2016/06/07 Python
总结python实现父类调用两种方法的不同
2017/01/15 Python
简单了解python模块概念
2018/01/11 Python
python实现五子棋小程序
2019/06/18 Python
python+openCV利用摄像头实现人员活动检测
2019/06/22 Python
python实现图像检索的三种(直方图/OpenCV/哈希法)
2019/08/08 Python
python中enumerate() 与zip()函数的使用比较实例分析
2019/09/03 Python
python中通过selenium简单操作及元素定位知识点总结
2019/09/10 Python
python修改FTP服务器上的文件名
2019/09/11 Python
Python 生成器,迭代,yield关键字,send()传参给yield语句操作示例
2019/10/12 Python
python GUI库图形界面开发之PyQt5布局控件QVBoxLayout详细使用方法与实例
2020/03/06 Python
Python Django中的STATIC_URL 设置和使用方式
2020/03/27 Python
python Matplotlib模块的使用
2020/09/16 Python
python里反向传播算法详解
2020/11/22 Python
Airbnb爱彼迎官网:成为爱彼迎房东,赚取收入
2019/03/14 全球购物
《草原》教学反思
2014/02/15 职场文书
入股协议书
2014/04/14 职场文书
工作目标责任书
2014/07/23 职场文书
授权委托书样本
2014/09/25 职场文书
大学生青年志愿者活动总结
2015/05/06 职场文书
python之PySide2安装使用及QT Designer UI设计案例教程
2021/07/26 Python
vue实现移动端div拖动效果
2022/03/03 Vue.js