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实现日历可获得指定日期周数及星期几示例分享(js获取星期几)
Mar 14 Javascript
jquery 按键盘上的enter事件
May 11 Javascript
JavaScript每天定时更换皮肤样式的方法
Jul 01 Javascript
JSON字符串转JSON对象
Jul 31 Javascript
基于PHP和Mysql相结合使用jqGrid读取数据并显示
Dec 02 Javascript
jQuery判断checkbox选中状态
May 12 Javascript
JS出现失效的情况总结
Jan 20 Javascript
基于AGS JS开发自定义贴图图层
Mar 31 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
Apr 22 Javascript
Vue.js@2.6.10更新内置错误处机制Fundebug同步支持相应错误监控
May 13 Javascript
javascript面向对象三大特征之封装实例详解
Jul 24 Javascript
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
Aug 14 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根据传来的16进制颜色代码自动改变背景颜色
2014/06/13 PHP
zend framework中使用memcache的方法
2016/03/04 PHP
基于php流程控制语句和循环控制语句(讲解)
2017/10/23 PHP
你所要知道JS(DHTML)中的一些技巧
2007/01/09 Javascript
Javascript----文件操作
2007/01/18 Javascript
从Ajax到JQuery Ajax学习
2007/02/14 Javascript
文本框中,回车键触发事件的js代码[多浏览器兼容]
2010/06/07 Javascript
jQuery 表单验证扩展代码(二)
2010/10/20 Javascript
下拉列表select 由左边框移动到右边示例
2013/12/04 Javascript
jQuery中outerHeight()方法用法实例
2015/01/19 Javascript
javascript实现图片上传前台页面
2015/08/18 Javascript
深入探究AngularJS框架中Scope对象的超级教程
2016/01/04 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
2016/04/11 Javascript
nodejs 的 session 简单使用
2016/06/06 NodeJs
详谈Angular路由与Nodejs路由的区别
2017/03/05 NodeJs
微信小程序实现页面浮动导航
2019/01/28 Javascript
基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)
2019/04/04 Javascript
使用jQuery如何写一个含验证码的登录界面
2019/05/13 jQuery
vue实现购物车结算功能
2020/06/18 Javascript
JavaScript JSON使用原理及注意事项
2020/07/30 Javascript
python中readline判断文件读取结束的方法
2014/11/08 Python
Python可变参数会自动填充前面的默认同名参数实例
2019/11/18 Python
python 用 xlwings 库 生成图表的操作方法
2019/12/22 Python
Python warning警告出现的原因及忽略方法
2020/01/31 Python
Python模块常用四种安装方式
2020/10/20 Python
Python爬虫逆向分析某云音乐加密参数的实例分析
2020/12/04 Python
澳洲小众品牌的集合网站:BNKR
2018/02/23 全球购物
女孩每月服装订阅盒:kidpik
2019/04/17 全球购物
2013年研究生毕业感言
2014/02/06 职场文书
2014道德模范事迹材料
2014/02/16 职场文书
安全责任书
2015/01/29 职场文书
2015年社区环境卫生工作总结
2015/04/21 职场文书
2016教师给学生的毕业寄语
2015/12/04 职场文书
canvas绘制折线路径动画实现
2021/05/12 Javascript
MySQL修炼之联结与集合浅析
2021/10/05 MySQL
使用Python解决图表与画布的间距问题
2022/04/11 Python