浅析javascript 定时器


Posted in Javascript onDecember 23, 2014

setTimeout()--用于指定在一段特定的时间后执行某段程序。

          格式:

[定时器对象名=]setTimeout(“<表达式>”,毫秒数);

功能: 执行<表达式>一次。

其中表达式是字符串,可以使任意javascript语句

<html> 

<head> 

<script type="text/javascript"> 

//5秒之后执行alert 

function count(){ 

    setTimeout("alert('执行成功');",5000); 

}

</script> 

</head>

<body> 

<input type="button" value="执行" onclick="count()"> 

</body> 

</html>

setInterval()—重复执行<表达式>,直至窗口、框架被关闭或执行clearInterval

格式: [定时器对象名=]setInterval(“<表达式>”,毫秒)

clearInterval() 终止定时器

格式: clearInterval(定时器对象名)

<html> 

<head> 

<script type="text/javascript"> 

var sec=0; 

var timeId=setInterval("count();",1000);
function count(){ 

    document.getElementById("num").innerHTML=sec++; 

}
function stopCount(){ 

    clearInterval(timeId); 

} 

</script> 

</head>

<body> 

<font style="color:red" id="num">0</font>秒钟<input type="button" value="停止" onclick="stopCount();"> 

</body> 

</html>

是不是很好用呢,有需要的小伙伴参考下吧。

Javascript 相关文章推荐
js 表格隔行颜色
Dec 02 Javascript
html向js方法传递参数具体实现
Aug 08 Javascript
JQuery validate 验证一个单独的表单元素实例
Feb 17 Javascript
js实现PC端根据IP定位当前城市地理位置
Feb 22 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
Mar 22 Javascript
JS排序之快速排序详解
Apr 08 Javascript
JS判断微信扫码的方法
Aug 07 Javascript
详解使用React全家桶搭建一个后台管理系统
Nov 04 Javascript
vue路由嵌套的SPA实现步骤
Nov 06 Javascript
JS动态添加元素及绑定事件造成程序重复执行解决
Dec 07 Javascript
如何快速解决JS或Jquery ajax异步跨域的问题
Jan 08 jQuery
javascript实现雪花飘落效果
Aug 19 Javascript
JavaScript中自定义事件用法分析
Dec 23 #Javascript
jQuery中even选择器的定义和用法
Dec 23 #Javascript
javascript实现依次输入input自动定焦
Dec 23 #Javascript
使用原生JS实现弹出层特效
Dec 22 #Javascript
jQuery基础知识小结
Dec 22 #Javascript
jQuery异步获取json数据方法汇总
Dec 22 #Javascript
jQuery的观察者模式详解
Dec 22 #Javascript
You might like
php获取目标函数执行时间示例
2014/03/04 PHP
php获取指定范围内最接近数的方法
2015/06/02 PHP
php实现微信公众号无限群发
2015/10/11 PHP
php魔法函数与魔法常量使用介绍
2017/07/23 PHP
js tab 选项卡
2009/04/26 Javascript
基于JQuery的数字改变的动画效果--可用来做计数器
2010/08/11 Javascript
JS弹出层的显示与隐藏示例代码
2013/12/27 Javascript
js实现缓冲运动效果的方法
2015/04/10 Javascript
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
2017/09/07 Javascript
Js利用Canvas实现图片压缩功能
2017/09/13 Javascript
IntelliJ IDEA 安装vue开发插件的方法
2017/11/21 Javascript
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
2018/08/27 Javascript
vue数据响应式原理知识点总结
2020/02/16 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
JavaScript大数相加相乘的实现方法实例
2020/10/18 Javascript
vue-video-player视频播放器使用配置详解
2020/10/23 Javascript
Vue组件生命周期运行原理解析
2020/11/25 Vue.js
vue登录页实现使用cookie记住7天密码功能的方法
2021/02/18 Vue.js
python获取代码运行时间的实例代码
2018/06/11 Python
Python实现动态添加属性和方法操作示例
2018/07/25 Python
Pytorch Tensor的索引与切片例子
2019/08/18 Python
Python通过cv2读取多个USB摄像头
2019/08/28 Python
Python小程序之在图片上加入数字的代码
2019/11/26 Python
在django admin详情表单显示中添加自定义控件的实现
2020/03/11 Python
keras实现调用自己训练的模型,并去掉全连接层
2020/06/09 Python
Pycharm 如何一键加引号的方法步骤
2021/02/05 Python
使用CSS3制作一个简单的进度条(demo)
2017/05/23 HTML / CSS
手机配件第一品牌:ZAGG
2017/05/28 全球购物
美国家居装饰和豪华家具购物网站:One Kings Lane
2018/12/24 全球购物
"引用"与多态的关系
2013/02/01 面试题
大学生四个方面的自我评价
2013/09/19 职场文书
关于幼儿的自我评价
2013/12/18 职场文书
优秀的导游求职信范文
2014/04/06 职场文书
2014年自愿离婚协议书
2014/10/10 职场文书
2014年流动人口工作总结
2014/11/26 职场文书
关于python爬虫应用urllib库作用分析
2021/09/04 Python