浅析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 相关文章推荐
如何实现iframe(嵌入式帧)的自适应高度
Jul 26 Javascript
JavaScript面象对象设计
Apr 28 Javascript
JavaScript XML和string相互转化实现代码
Jul 04 Javascript
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
Dec 14 Javascript
jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
Aug 06 Javascript
bootstrap基础知识学习笔记
Nov 02 Javascript
JS中如何实现复选框全选功能
Dec 19 Javascript
js实现旋转木马效果
Mar 17 Javascript
Vue2.0 UI框架ElementUI使用方法详解
Apr 14 Javascript
JS简单获取并修改input文本框内容的方法示例
Apr 08 Javascript
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
Feb 21 Javascript
Vue 实现对quill-editor组件中的工具栏添加title
Aug 03 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得到某段时间区间的时间戳 php定时任务
2012/04/12 PHP
PHP实现简单的新闻发布系统实例
2015/07/28 PHP
php中的单引号、双引号和转义字符详解
2017/02/16 PHP
use jscript Create a SQL Server database
2007/06/16 Javascript
Js 获取HTML DOM节点元素的方法小结
2009/04/24 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
2013/02/04 Javascript
JavaScript对象和字串之间的转换实例探讨
2013/04/21 Javascript
JavaScript中的原型和继承详解(图文)
2014/07/18 Javascript
JavaScript显示当前文档最后修改日期的方法
2015/03/19 Javascript
JavaScript获取表单内所有元素值的方法
2015/04/02 Javascript
js实现分享到随页面滚动而滑动效果的方法
2015/04/10 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
2016/07/20 Javascript
Nodejs 搭建简单的Web服务器详解及实例
2016/11/30 NodeJs
详解Vue生命周期的示例
2017/03/10 Javascript
微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
2017/12/08 Javascript
Parcel.js + Vue 2.x 极速零配置打包体验教程
2017/12/24 Javascript
JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
2018/10/29 Javascript
使用rollup打包JS的方法步骤
2018/12/05 Javascript
使用mixins实现elementUI表单全局验证的解决方法
2019/04/02 Javascript
vuex 动态注册方法 registerModule的实现
2019/07/03 Javascript
在NodeJs中使用node-schedule增加定时器任务的方法
2020/06/08 NodeJs
使用Element的InfiniteScroll 无限滚动组件报错的解决
2020/07/27 Javascript
react项目从新建到部署的实现示例
2021/02/19 Javascript
[01:07:11]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python读写二进制文件的方法
2015/05/09 Python
Python实现对一个函数应用多个装饰器的方法示例
2018/02/09 Python
解决python中os.listdir()函数读取文件夹下文件的乱序和排序问题
2018/10/17 Python
python实现引用其他路径包里面的模块
2020/03/09 Python
快速了解Python开发环境Spyder
2020/06/29 Python
Python如何实现大型数组运算(使用NumPy)
2020/07/24 Python
HTML5 新表单类型示例代码
2018/03/20 HTML / CSS
Math.round(11.5)等於多少? Math.round(-11.5)等於多少?
2015/01/27 面试题
家长对孩子评语
2014/01/30 职场文书
起诉意见书范文
2015/05/19 职场文书
2016七夕情人节寄语
2015/12/04 职场文书
创业计划书之密室逃脱
2019/11/08 职场文书