基于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 相关文章推荐
js加解密 脚本解密
Feb 22 Javascript
JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
May 27 Javascript
jQuery中on()方法用法实例
Jan 19 Javascript
原生js制作日历控件实例分享
Apr 06 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
May 20 Javascript
深入理解jQuery之防止冒泡事件
May 24 Javascript
Angular.js中ng-include用法及多标签页面的实现方式详解
May 07 Javascript
JavaScrip数组删除特定元素的几种方法总结
Sep 06 Javascript
Vue组件和Route的生命周期实例详解
Feb 10 Javascript
解决LayUI表单获取不到data的问题
Aug 20 Javascript
微信小程序实现列表左右滑动
Nov 19 Javascript
jQuery冲突问题解决方法
Jan 19 jQuery
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
set_include_path和get_include_path使用及注意事项
2013/02/02 PHP
PHP实现上一篇下一篇的方法实例总结
2016/09/22 PHP
Zend Framework入门教程之Zend_Db数据库操作详解
2016/12/08 PHP
PHP MVC框架中类的自动加载机制实例分析
2019/09/18 PHP
关于JavaScript的gzip静态压缩方法
2007/01/05 Javascript
ASP SQL防注入的方法
2008/12/25 Javascript
JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
2012/02/02 Javascript
JavaScript子窗口ModalDialog中操作父窗口对像
2012/12/11 Javascript
json实现前后台的相互传值详解
2015/01/05 Javascript
基于jquery实现左右按钮点击的图片切换效果
2021/01/27 Javascript
深入理解Javascript中的自执行匿名函数
2016/06/03 Javascript
Jquery表单验证失败后不提交的解决方法
2016/10/18 Javascript
JS中实现函数return多个返回值的实例
2017/02/21 Javascript
React中上传图片到七牛的示例代码
2017/10/10 Javascript
快速了解Node中的Stream流是什么
2019/02/13 Javascript
利用js-cookie实现前端设置缓存数据定时失效
2019/06/18 Javascript
Python的类实例属性访问规则探讨
2015/01/30 Python
Python中统计函数运行耗时的方法
2015/05/05 Python
Python数据集切分实例
2018/12/08 Python
Python实现的IP端口扫描工具类示例
2019/02/15 Python
python3.6+django2.0+mysql搭建网站过程详解
2019/07/24 Python
Python closure闭包解释及其注意点详解
2019/08/28 Python
win10环境下配置vscode python开发环境的教程详解
2019/10/16 Python
pandas中ix的使用详细讲解
2020/03/09 Python
使用Python将图片转正方形的两种方法实例代码详解
2020/04/29 Python
python如何提升爬虫效率
2020/09/27 Python
详解如何在登录过期后跳出Ifram框架
2020/09/10 HTML / CSS
阿迪达斯芬兰官方网站:adidas芬兰
2017/01/30 全球购物
新英格兰最大的特色礼品连锁店:The Paper Store
2018/07/23 全球购物
哈理工毕业生的求职信
2013/12/22 职场文书
淘宝好评语大全
2014/05/05 职场文书
保卫钓鱼岛口号
2014/06/20 职场文书
个人四风问题对照检查材料
2014/10/01 职场文书
自主招生专家推荐信
2015/03/26 职场文书
公司门卫岗位职责
2015/04/13 职场文书
python3中apply函数和lambda函数的使用详解
2022/02/28 Python