浅析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 相关文章推荐
javascript脚本编程解决考试分数统计问题
Oct 18 Javascript
Javascript无阻塞加载具体方式
Jun 28 Javascript
jQuery点击弹出下拉菜单的小例子
Aug 01 Javascript
JQuery页面的表格数据的增加与分页的实现
Dec 10 Javascript
JS设置获取cookies的方法
Jan 26 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
Jun 08 Javascript
基于JavaScript实现新增内容滚动播放效果附完整代码
Aug 24 Javascript
vue数据传递--我有特殊的实现技巧
Mar 20 Javascript
深入浅析JS中的严格模式
Jun 04 Javascript
vue如何引入sass全局变量
Jun 28 Javascript
nuxt 路由、过渡特效、中间件的实现代码
Nov 06 Javascript
使用js原生实现年份轮播选择效果实例
Jan 12 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中接口的应用
2015/08/12 PHP
thinkphp分页实现效果
2016/10/13 PHP
php使用 readfile() 函数设置文件大小大小的方法
2017/08/11 PHP
PHP实现给定一列字符,生成指定长度的所有可能组合示例
2019/06/22 PHP
ExtJS 学习专题(一) 如何应用ExtJS(附实例)
2010/03/11 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
2011/07/31 Javascript
javascript中的绑定与解绑函数应用示例
2013/06/24 Javascript
浅谈页面装载js及性能分析方法
2014/12/09 Javascript
javascript实现的固定位置悬浮窗口实例
2015/04/30 Javascript
JS实现仿QQ聊天窗口抖动特效
2015/05/10 Javascript
JavaScript获取浏览器信息的方法
2015/11/20 Javascript
Jquery ajax基础教程
2015/11/20 Javascript
javascript鼠标右键菜单自定义效果
2020/12/08 Javascript
在AngularJS框架中处理数据建模的方式解析
2016/03/05 Javascript
表单元素值获取方式js及java方式的简单实例
2016/10/15 Javascript
bootstrapValidator表单验证插件学习
2016/12/30 Javascript
超简单的Vue.js环境搭建教程
2017/03/17 Javascript
JavaScrpt判断一个数是否是质数的实例代码
2017/06/11 Javascript
jQuery Layer弹出层传值到父页面的实现代码
2017/08/17 jQuery
react中的ajax封装实例详解
2017/10/17 Javascript
vscode 开发Vue项目的方法步骤
2018/11/25 Javascript
node中IO以及定时器优先级详解
2019/05/10 Javascript
使用xampp将angular项目运行在web服务器的教程
2019/09/16 Javascript
原生js实现商品筛选功能
2019/10/28 Javascript
react 生命周期实例分析
2020/05/18 Javascript
[02:45]DOTA2英雄基础教程 伐木机
2013/12/23 DOTA
对python中的高效迭代器函数详解
2018/10/18 Python
Python3操作MongoDB增册改查等方法详解
2020/02/10 Python
天巡全球:Skyscanner Global
2017/06/20 全球购物
Spartoo荷兰:鞋子、包包和服装
2018/07/12 全球购物
前台领班岗位职责
2013/12/04 职场文书
2014年五一劳动节社区活动总结
2014/04/14 职场文书
小学生环保标语
2014/06/13 职场文书
2014年计生工作总结
2014/11/21 职场文书
2015年教师党员承诺书
2015/04/27 职场文书
公司员工奖惩制度
2015/08/04 职场文书