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 相关文章推荐
没有document.getElementByName方法
Aug 19 Javascript
含有CKEditor的表单如何提交
Jan 09 Javascript
js实现可键盘控制的简单抽奖程序
Jul 13 Javascript
AngularJS中isolate scope的用法分析
Nov 22 Javascript
js阻止移动端页面滚动的两种方法
Jan 25 Javascript
微信小程序实现点击文字页面跳转功能【附源码下载】
Dec 12 Javascript
jQuery发请求传输中文参数乱码问题的解决方案
May 22 jQuery
解决Vue+Element ui开发中碰到的IE问题
Sep 03 Javascript
vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析
Mar 11 Javascript
JavaScript实现简单计算器
Mar 19 Javascript
Vue使用Three.js加载glTF模型的方法详解
Jun 14 Javascript
javascript代码简写的几种常用方式汇总
Aug 23 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/03 咖啡文化
php 显示指定路径下的图片
2009/10/29 PHP
php文档更新介绍
2011/07/22 PHP
php中使用Imagick实现图像直方图的实现代码
2011/08/30 PHP
php实现refresh刷新页面批量导入数据的方法
2014/12/23 PHP
MooBox 基于Mootools的对话框插件
2012/01/20 Javascript
html中的input标签的checked属性jquery判断代码
2012/09/19 Javascript
js遍历td tr等html元素
2012/12/13 Javascript
javascript学习(二)javascript常见问题总结
2013/01/02 Javascript
document.documentElement和document.body区别介绍
2013/09/16 Javascript
基于html5和nodejs相结合实现websocket即使通讯
2015/11/19 NodeJs
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
2016/01/25 Javascript
JS如何设置iOS中微信浏览器的title
2016/11/22 Javascript
Bootstrap页面缩小变形的快速解决办法
2017/02/03 Javascript
一份超级详细的Vue-cli3.0使用教程【推荐】
2018/11/15 Javascript
angular多语言配置详解
2019/05/16 Javascript
微信小程序模板消息推送的两种实现方式
2019/08/27 Javascript
详解element-ui中表单验证的三种方式
2019/09/18 Javascript
element-ui 本地化使用教程详解
2019/10/28 Javascript
jQuery实现html可联动的百分比进度条
2020/03/26 jQuery
js对象属性名驼峰式转下划线的实例代码
2020/09/17 Javascript
vue 动态添加的路由页面刷新时失效的原因及解决方案
2021/02/26 Vue.js
基于python3 类的属性、方法、封装、继承实例讲解
2017/09/19 Python
python中返回矩阵的行列方法
2018/04/04 Python
有关Python的22个编程技巧
2018/08/29 Python
python儿童学游戏编程知识点总结
2019/06/03 Python
python 扩展print打印文件路径和当前时间信息的实例代码
2019/10/11 Python
肯尼亚网上商城:Kilimall
2016/08/20 全球购物
Lululemon英国官网:加拿大瑜伽服装品牌
2019/01/14 全球购物
思想专业自荐信范文
2013/12/25 职场文书
校园广播稿500字
2014/02/04 职场文书
机修工工作职责
2014/02/21 职场文书
校园学雷锋广播稿
2014/10/08 职场文书
会计求职信怎么写
2015/03/20 职场文书
高校自主招生校长推荐信
2015/03/23 职场文书
基于Pygame实现简单的贪吃蛇游戏
2021/12/06 Python