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 相关文章推荐
jQuery前台数据获取实现代码
Mar 16 Javascript
jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
Jul 28 Javascript
深入理解JavaScript系列(13) This? Yes,this!
Jan 18 Javascript
jquery删除ID为sNews的tr元素的内容
Apr 10 Javascript
JQuery控制radio选中和不选中方法总结
Apr 15 Javascript
jquery中ajax处理跨域的三大方式
Jan 05 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
Apr 11 Javascript
详解vue.js之绑定class和style的示例代码
Aug 24 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
Sep 07 Javascript
详解如何实现一个简单的 vuex
Feb 10 Javascript
详解基于vue-cli3.0如何构建功能完善的前端架子
Oct 09 Javascript
JavaScript如何优化逻辑判断代码详解
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
全国FM电台频率大全 - 4 山西省
2020/03/11 无线电
require(),include(),require_once()和include_once()的异同
2007/01/02 PHP
在PHP中读取和写入WORD文档的代码
2008/04/09 PHP
php visitFile()遍历指定文件夹函数
2010/08/21 PHP
PHP 命名空间实例说明
2011/01/27 PHP
PHP实现二维数组根据key进行排序的方法
2016/12/30 PHP
利用jquery操作select下拉列表框的代码
2010/06/04 Javascript
Three.js源码阅读笔记(Object3D类)
2012/12/27 Javascript
jQuery根据ID获取input、checkbox、radio、select的示例
2014/08/11 Javascript
JavaScript运动减速效果实例分析
2015/08/04 Javascript
纯javascript响应式树形菜单效果
2015/11/10 Javascript
Bootstrap Validator 表单验证
2016/07/25 Javascript
在JavaScript中调用Java类和接口的方法
2016/09/07 Javascript
Vue概念及常见命令介绍(1)
2016/12/08 Javascript
简单实现IONIC购物车功能
2017/01/10 Javascript
Mac系统下Webstorm快捷键整理大全
2017/05/28 Javascript
基于node.js express mvc轻量级框架实践
2017/09/14 Javascript
nodejs取得当前执行路径的方法
2018/05/13 NodeJs
基于bootstrap页面渲染的问题解决方法
2018/08/09 Javascript
微信小程序中限制激励式视频广告位显示次数(实现思路)
2019/12/06 Javascript
JS原型prototype和__proto__用法实例分析
2020/03/14 Javascript
Vue Render函数创建DOM节点代码实例
2020/07/08 Javascript
python迭代dict的key和value的方法
2018/07/06 Python
解决安装pyqt5之后无法打开spyder的问题
2019/12/13 Python
浅谈tensorflow中张量的提取值和赋值
2020/01/19 Python
使用CSS3来实现滚动视差效果的教程
2015/08/24 HTML / CSS
1688平价精选商城:阿里集团旗下,工厂出厂价格直销
2017/04/24 全球购物
英国拳击装备购物网站:RDX Sports
2018/01/23 全球购物
英国日常交易网站:Wowcher
2018/09/04 全球购物
山海经纬软件测试笔试题和面试题
2013/04/02 面试题
JavaScript实现前端网页版倒计时
2021/03/24 Javascript
个人实习生的自我评价
2014/02/16 职场文书
行政助理的岗位职责
2014/02/18 职场文书
公司董事长岗位职责
2014/06/08 职场文书
公司员工安全协议书
2014/11/21 职场文书
医务人员医德考评自我评价
2015/03/03 职场文书