基于JavaScript实现一定时间后去执行一个函数


Posted in Javascript onDecember 14, 2015

在实际需要中可能需要规定在指定的时间之后再去执行一个函数以达成期望的目的,这也就是一个定时器效果,恰好在js中就已经给定了这样的一个函数setTimeout(),下面先介绍一下次函数的

用法:

语法: 

setTimeout(code,interval)

此函数能够规定在指定的在指定的事件之后去执行一段指定代码,此代码只执行一次。

setTimeout()函数具有两个参数,第一个参数规定要执行的执行代码,第二个参数规定在多长时间后去执行代码,单位是毫秒。

代码实例:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://3water.com/" />
<title>三水点靠木</title>
<style type="text/css"> 
div{ 
 width:200px; 
 height:50px; 
 margin:0px auto; 
 background-color:green; 
 text-align:center; 
 line-height:50px; 
 color:red; 
} 
</style> 
<script type="text/javascript"> 
function tishi(){ 
 alert("大家好欢迎来到三水点靠木"); 
} 
setTimeout(tishi,5000) 
</script> 
</head> 
<body> 
<div>五秒弹出一个对话框</div> 
</body> 
</html>

以上代码可以规定在5秒之后弹出一个对话框,上面就是使用了setTimeout()函数在5秒之后运行tishi()函数。

以上内容是基于JavaScript实现一定时间后去执行一个函数的相关知识,感兴趣的朋友一起学习吧。

Javascript 相关文章推荐
javascript dom代码应用 简单的相册[firefox only]
Jun 12 Javascript
JavaScript初学者应注意的七个细节详细介绍
Dec 27 Javascript
jQuery 调用WebService 实例讲解
Jun 28 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
Oct 24 Javascript
详解vue.js 开发环境搭建最简单攻略
Jun 12 Javascript
JavaScript条件判断_动力节点Java学院整理
Jun 26 Javascript
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
Jul 24 Javascript
Angularjs中数据绑定的实例详解
Aug 25 Javascript
限时抢购-倒计时的完整实例(分享)
Sep 17 Javascript
JavaScript继承定义与用法实践分析
May 28 Javascript
前后端如何实现登录token拦截校验详解
Sep 03 Javascript
React Router V4使用指南(精讲)
Sep 17 Javascript
javascript中new关键字详解
Dec 14 #Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
Dec 14 #Javascript
Position属性之relative用法
Dec 14 #Javascript
CSS中position属性之fixed实现div居中
Dec 14 #Javascript
通过设置CSS中的position属性来固定层的位置
Dec 14 #Javascript
js实现拖拽效果(构造函数)
Dec 14 #Javascript
jQuery滚动加载图片实现原理
Dec 14 #Javascript
You might like
探讨PHP中this,self,parent的区别详解
2013/06/08 PHP
汇总PHPmailer群发Gmail的常见问题
2016/02/24 PHP
PHP如何实现订单的延时处理详解
2017/12/30 PHP
PHP mongodb操作类定义与用法示例【适合mongodb2.x和mongodb3.x】
2018/06/16 PHP
js wmp操作代码小结(音乐连播功能)
2008/11/08 Javascript
jQuery实现的立体文字渐变效果
2010/05/17 Javascript
ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox
2012/02/03 Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
2013/01/21 Javascript
如何使用jQuery来处理图片坏链具体实现步骤
2013/05/02 Javascript
详解javascript事件冒泡
2016/01/09 Javascript
JavaScript直播评论发弹幕切图功能点集合效果代码
2016/06/26 Javascript
JavaScript实现图片懒加载(Lazyload)
2016/11/28 Javascript
javascript获取指定区间范围随机数的方法
2017/09/08 Javascript
使用JS实现导航切换时高亮显示的示例讲解
2018/08/22 Javascript
Ant Design Vue 添加区分中英文的长度校验功能
2020/01/21 Javascript
js实现mp3录音通过websocket实时传送+简易波形图效果
2020/06/12 Javascript
python网络编程学习笔记(四):域名系统
2014/06/09 Python
python获取指定目录下所有文件名列表的方法
2015/05/20 Python
老生常谈Python之装饰器、迭代器和生成器
2017/07/26 Python
用TensorFlow实现多类支持向量机的示例代码
2018/04/28 Python
Python常用爬虫代码总结方便查询
2019/02/25 Python
python实现QQ批量登录功能
2019/06/19 Python
关于Keras模型可视化教程及关键问题的解决
2020/01/24 Python
python openssl模块安装及用法
2020/12/06 Python
CSS3圆角和渐变2种常用功能详解
2016/01/06 HTML / CSS
HTML5语音识别标签写法附图
2013/11/18 HTML / CSS
什么是ARP(Address Resolution Protocol)地址解析协议
2013/10/31 面试题
教师师德教育的自我评价
2013/10/31 职场文书
幼教毕业生自我鉴定
2014/01/12 职场文书
三爱活动实施方案
2014/03/19 职场文书
2014年感恩母亲演讲稿
2014/05/27 职场文书
幼儿园六一活动总结
2014/08/27 职场文书
2015年学校减负工作总结
2015/05/19 职场文书
2019旅游导游工作总结
2019/06/27 职场文书
七年级上册生物的课件
2019/08/07 职场文书
实习员工转正的评语汇总,以备不时之需
2019/12/17 职场文书