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 相关文章推荐
判断目标是否是window,document,和拥有tagName的Element的代码
May 31 Javascript
ExtJs GridPanel简单的增删改实现代码
Aug 26 Javascript
使用JavaScript 实现的人脸检测
Mar 24 Javascript
JS实现设置ff与ie元素绝对位置的方法
Mar 08 Javascript
JS触发服务器控件的单击事件(详解)
Aug 06 Javascript
JavaScript计算值然后把值嵌入到html中的实现方法
Oct 29 Javascript
jQuery基于xml格式数据实现模糊查询及分页功能的方法
Dec 25 Javascript
Vue 组件间的样式冲突污染
Aug 31 Javascript
Vue2.0 axios前后端登陆拦截器(实例讲解)
Oct 27 Javascript
vue中axios请求的封装实例代码
Mar 23 Javascript
使用Vue实现简单计算器
Feb 25 Javascript
详解vue3中组件的非兼容变更
Mar 03 Vue.js
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开发者的10个技巧
2011/02/25 PHP
ThinkPHP3.1新特性之动态设置自动完成及自动验证示例代码
2014/06/23 PHP
PHP网站建设的流程与步骤分享
2015/09/25 PHP
一些经常会用到的Javascript检测函数
2010/05/31 Javascript
js实现touch移动触屏滑动事件
2015/04/17 Javascript
js获得当前系统日期时间的方法
2015/05/06 Javascript
每天一篇javascript学习小结(Function对象)
2015/11/16 Javascript
jquery popupDialog 使用 加载jsp页面的方法
2016/10/25 Javascript
遍历json 对象的属性并且动态添加属性的实现
2016/12/02 Javascript
如何理解Vue的.sync修饰符的使用
2017/08/17 Javascript
vue与TypeScript集成配置最简教程(推荐)
2017/10/17 Javascript
JS+HTML+CSS实现轮播效果
2017/11/28 Javascript
vue  directive定义全局和局部指令及指令简写
2018/11/20 Javascript
Vue.js中的高级面试题及答案
2020/01/13 Javascript
微信小程序实现自定义动画弹框/提示框的方法实例
2020/11/06 Javascript
[00:37]2016完美“圣”典风云人物:rOtk宣传片
2016/12/09 DOTA
[00:10]DOTA2全国高校联赛速递
2018/05/30 DOTA
Python+selenium实现截图图片并保存截取的图片
2018/01/05 Python
Pyspider中给爬虫伪造随机请求头的实例
2018/05/07 Python
Python3爬取英雄联盟英雄皮肤大图实例代码
2018/11/14 Python
selenium在执行phantomjs的API并获取执行结果的方法
2018/12/17 Python
python爬取内容存入Excel实例
2019/02/20 Python
利用Python检测URL状态
2019/07/31 Python
Tensorflow之梯度裁剪的实现示例
2020/03/08 Python
利用4行Python代码监测每一行程序的运行时间和空间消耗
2020/04/22 Python
Python实现疫情通定时自动填写功能(附代码)
2020/05/27 Python
Python改变对象的字符串显示的方法
2020/08/01 Python
美国领先的家庭健康检测试剂盒提供商:LetsGetChecked
2019/03/18 全球购物
英国最大的在线蜡烛商店:Candles Direct
2019/03/26 全球购物
说一下mysql, oracle等常见数据库的分页实现方案
2012/09/29 面试题
系统管理员的职责包括那些?管理的对象是什么?
2013/01/18 面试题
医学毕业生自荐信
2013/10/11 职场文书
导游的职业规划书范文
2013/12/27 职场文书
运动会800米加油稿
2014/02/22 职场文书
银行贷款收入证明
2014/10/17 职场文书
Python+腾讯云服务器实现每日自动健康打卡
2021/12/06 Python