浅析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 相关文章推荐
麻雀虽小五脏俱全 Dojo自定义控件应用
Sep 04 Javascript
javascript中使用replaceAll()函数实现字符替换的方法
Dec 25 Javascript
Array, Array Constructor, for in loop, typeof, instanceOf
Sep 13 Javascript
8款非常棒的响应式jQuery 幻灯片插件推荐
Feb 02 Javascript
jQuery 绑定事件到动态创建的元素上的方法实例
Aug 18 Javascript
使用mini-define实现前端代码的模块化管理
Dec 25 Javascript
IE下JS保存图片的简单实例
Jul 15 Javascript
JS中this上下文对象使用方式
Oct 09 Javascript
easyui导出excel无法弹出下载框的快速解决方法
Nov 10 Javascript
JavaScript实现实时更新系统时间的实例代码
Apr 04 Javascript
Vue完整项目构建(进阶篇)
Feb 10 Javascript
JavaScript实现好看的跟随彩色气泡效果
Feb 06 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集成FCK的函数代码
2008/09/27 PHP
php 论坛采集程序 模拟登陆,抓取页面 实现代码
2009/07/09 PHP
Ajax实时验证用户名/邮箱等是否已经存在的代码打包
2011/12/01 PHP
百度地图API使用方法详解
2015/08/25 PHP
PHP json_encode() 函数详解及中文乱码问题
2015/11/05 PHP
WordPress中Gravatar头像缓存到本地及相关优化的技巧
2015/12/19 PHP
php把文件设置为插件的技巧方法
2020/02/03 PHP
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
2011/05/07 Javascript
JQueryEasyUI datagrid框架的进阶使用
2013/04/08 Javascript
javascript中自定义对象的属性方法分享
2013/07/12 Javascript
jquery自定义类似$.ajax()的方法实现代码
2013/08/13 Javascript
jquery设置控件位置的方法
2013/08/21 Javascript
jquery简单实现图片切换效果的方法
2015/05/12 Javascript
jQuery+AJAX实现无刷新下拉加载更多
2015/07/03 Javascript
js实现跨域的4种实用方法原理分析
2015/10/29 Javascript
详解Angular中$cacheFactory缓存的使用
2016/08/19 Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
2016/08/29 Javascript
JavaScript ES6中const、let与var的对比详解
2017/06/18 Javascript
Angularjs实现多图片上传预览功能
2018/07/18 Javascript
JavaScript函数Call、Apply原理实例解析
2020/02/17 Javascript
vue+elementUI实现简单日历功能
2020/09/24 Javascript
nuxt.js服务端渲染中axios和proxy代理的配置操作
2020/11/06 Javascript
Python爬取Coursera课程资源的详细过程
2014/11/04 Python
python使用matplotlib绘制热图
2018/11/07 Python
python write无法写入文件的解决方法
2019/01/23 Python
Pandas之ReIndex重新索引的实现
2019/06/25 Python
Python爬取微信小程序Charles实现过程图解
2020/09/29 Python
python开发一款翻译工具
2020/10/10 Python
python 读取串口数据的示例
2020/11/09 Python
CSS3感应鼠标的背景闪烁和图片缩放动画效果
2014/05/14 HTML / CSS
英国家居用品和家居装饰品购物网站:Cox & Cox
2019/08/25 全球购物
老师推荐信
2013/10/28 职场文书
音乐教师个人总结
2015/02/06 职场文书
教师求职简历自我评价
2015/03/10 职场文书
写作之关于描写老人的好段摘抄
2019/11/14 职场文书
Python Matplotlib绘制条形图的全过程
2021/10/24 Python