基于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 轻松搞定快捷留言功能 只需一行代码
Apr 01 Javascript
Google (Local) Search API的简单使用介绍
Nov 28 Javascript
js模拟点击以提交表单为例兼容主流浏览器
Nov 29 Javascript
Jquery在指定DIV加载HTML示例代码
Feb 17 Javascript
解析javascript中鼠标滚轮事件
May 26 Javascript
HTML5基于Tomcat 7.0实现WebSocket连接并实现简单的实时聊天
Oct 31 Javascript
jQuery双向列表选择器select版
Nov 01 Javascript
浅谈Angular6的服务和依赖注入
Jun 27 Javascript
Node.js Buffer模块功能及常用方法实例分析
Jan 05 Javascript
vue动态路由:路由参数改变,视图不更新问题的解决
Nov 05 Javascript
微信小程序停止其他视频播放当前视频的实例代码
Dec 25 Javascript
浅谈vue中resetFields()使用注意事项
Aug 12 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 编写大型网站问题集
2010/05/07 PHP
Zend Framework 2.0事件管理器(The EventManager)入门教程
2014/08/11 PHP
php微信公众号开发之欢迎老朋友
2018/10/20 PHP
如何在PHP中使用AES加密算法加密数据
2020/06/24 PHP
javaScript 判断字符串是否为数字的简单方法
2009/07/25 Javascript
jquery中获取元素的几种方式小结
2011/07/05 Javascript
JavaScript实现存储HTML字符串示例
2014/04/21 Javascript
选择复选框按钮置灰否则按钮可用
2014/05/22 Javascript
jQuery选择器源码解读(五):tokenize的解析过程
2015/03/31 Javascript
JavaScript中的Math.LOG2E属性使用详解
2015/06/14 Javascript
基于javascript编写简单日历
2016/05/02 Javascript
jQuery实现日期联动效果实例
2016/07/26 Javascript
JavaScript-html标题滚动效果的简单实现
2016/09/08 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
2017/06/02 Javascript
Vue中定义全局变量与常量的各种方式详解
2017/08/23 Javascript
详解vue 图片上传功能
2019/04/30 Javascript
vue中使用element组件时事件想要传递其他参数的问题
2019/09/18 Javascript
vue多个元素的样式选择器问题
2019/11/29 Javascript
JavaScript使用prototype属性实现继承操作示例
2020/05/22 Javascript
[26:52]LGD vs EG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
在Python中使用itertools模块中的组合函数的教程
2015/04/13 Python
python中实现精确的浮点数运算详解
2017/11/02 Python
python编程实现12306的一个小爬虫实例
2017/12/27 Python
Python通过Pygame绘制移动的矩形实例代码
2018/01/03 Python
python-opencv颜色提取分割方法
2018/12/08 Python
Python 3.8 新功能来一波(大部分人都不知道)
2020/03/11 Python
浅谈在django中使用redirect重定向数据传输的问题
2020/03/13 Python
关于python 跨域处理方式详解
2020/03/28 Python
Python实现CAN报文转换工具教程
2020/05/05 Python
解决pycharm中的run和debug失效无法点击运行
2020/06/09 Python
打造经典复古风格的品牌:Alice + Olivia(爱丽丝+奥利维亚)
2016/09/07 全球购物
菲律宾票务网站:StubHub菲律宾
2018/04/21 全球购物
个人思想理论学习的自我鉴定
2013/11/30 职场文书
教师现实表现材料
2014/02/14 职场文书
资产运营委托书范本
2014/10/16 职场文书
老兵退伍感言
2015/08/03 职场文书