浅析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 相关文章推荐
Node.js模块加载详解
Aug 16 Javascript
jQuery中click事件的定义和用法
Dec 20 Javascript
JavaScript获取浏览器信息的方法
Nov 20 Javascript
简单实现bootstrap选项卡效果
Feb 08 Javascript
Bootstrap导航中表单简单实现代码
Mar 06 Javascript
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
Mar 15 Javascript
jQuery图片瀑布流的简单实现代码
Mar 15 Javascript
vue项目刷新当前页面的三种方法
Dec 04 Javascript
layui radio点击事件实现input显示和隐藏的例子
Sep 02 Javascript
解决layui动态加载复选框无法选中的问题
Sep 20 Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
Sep 26 Javascript
在Webpack中用url-loader处理图片和字体的问题
Apr 28 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
如何限制访问者的ip(PHPBB的代码)
2006/10/09 PHP
做一个有下拉功能的留言版
2006/10/09 PHP
PHP 获取文件路径(灵活应用__FILE__)
2013/02/15 PHP
PHP获取网站中各文章的第一张图片的代码示例
2016/05/20 PHP
php fread读取文件注意事项
2016/09/24 PHP
php 使用fopen函数创建、打开文件详解及实例代码
2016/09/24 PHP
跨浏览器的设置innerHTML方法
2006/09/18 Javascript
两种方法实现在HTML页面加载完毕后运行某个js
2014/06/16 Javascript
json实现前后台的相互传值详解
2015/01/05 Javascript
详解AngularJS中的依赖注入机制
2015/06/17 Javascript
Web性能优化系列 10个提升JavaScript性能的技巧
2016/09/27 Javascript
Linux CentOS系统下安装node.js与express的方法
2017/04/01 Javascript
Vue实现选择城市功能
2017/05/27 Javascript
Vue中的无限加载vue-infinite-loading的方法
2018/04/08 Javascript
angular5 子组件监听父组件传入值的变化方法
2018/09/30 Javascript
javascript sort()对数组中的元素进行排序详解
2019/10/13 Javascript
vue data引入本地图片的两种方式小结
2019/11/13 Javascript
vue使用map代替Aarry数组循环遍历的方法
2020/04/30 Javascript
vuejs element table 表格添加行,修改,单独删除行,批量删除行操作
2020/07/18 Javascript
[01:04:20]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.29
2020/12/02 DOTA
python基础教程之udp端口扫描
2014/02/10 Python
python opencv旋转图像(保持图像不被裁减)
2018/07/26 Python
Python 根据数据模板创建shapefile的实现
2019/11/26 Python
python Popen 获取输出,等待运行完成示例
2019/12/30 Python
python实现微信打飞机游戏
2020/03/24 Python
毕业生个人求职信范文分享
2014/01/05 职场文书
《这儿真好》教学反思
2014/02/22 职场文书
颁奖晚会主持词
2014/03/25 职场文书
师恩难忘教学反思
2014/04/27 职场文书
学校做一个有道德的人活动方案
2014/08/23 职场文书
大三学生学年自我鉴定
2014/09/12 职场文书
英文慰问信范文
2015/03/24 职场文书
酒店财务部岗位职责
2015/04/14 职场文书
感动中国何玥观后感
2015/06/02 职场文书
聘任协议书(挂靠)
2015/09/21 职场文书
2016年劳模先进事迹材料
2016/02/25 职场文书