基于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_02_理解undefined和null
Oct 11 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
Jan 20 Javascript
JavaScript 表单处理实现代码
Apr 13 Javascript
修改ligerui 默认确认按钮的方法
Dec 27 Javascript
jquery横向纵向鼠标滚轮全屏切换
Feb 27 Javascript
JavaScript两个变量交换值的实现方法
Mar 01 Javascript
BackBone及其实例探究_动力节点Java学院整理
Jul 14 Javascript
JS表单传值和URL编码转换
Mar 03 Javascript
详解基于mpvue的小程序markdown适配解决方案
May 08 Javascript
详解webpack的proxyTable无效的解决方案
Jun 15 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
Sep 05 Javascript
Webpack5正式发布,有哪些新特性
Oct 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和javascript之间变量的传递实现代码
2012/12/19 PHP
PHP反向代理类代码
2014/08/15 PHP
PHP中类型转换 ,常量,系统常量,魔术常量的详解
2017/10/26 PHP
Yii框架小部件(Widgets)用法实例详解
2020/05/15 PHP
Javascript 作用域使用说明
2009/08/13 Javascript
jMessageBox 基于jQuery的窗口插件
2009/12/09 Javascript
javascript 特性检测并非浏览器检测
2010/01/15 Javascript
JavaScript高级程序设计(第3版)学习笔记3 js简单数据类型
2012/10/11 Javascript
JavaScript将相对地址转换为绝对地址示例代码
2013/07/19 Javascript
js算法中的排序、数组去重详细概述
2013/10/14 Javascript
JQuery文字列表向上滚动的代码
2013/11/13 Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
2013/12/28 Javascript
封装好的js判断操作系统与浏览器代码分享
2015/01/09 Javascript
Angularjs中使用Filters详解
2016/03/11 Javascript
URL中“#” “?” &amp;“”号的作用浅析
2017/02/04 Javascript
详谈jQuery Ajax(load,post,get,ajax)的用法
2017/03/02 Javascript
提升页面加载速度的插件InstantClick
2017/09/12 Javascript
vue 注册组件的使用详解
2018/05/05 Javascript
前端防止用户重复提交js实现代码示例
2018/09/07 Javascript
[46:14]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python difflib模块示例讲解
2017/09/13 Python
简述Python2与Python3的不同点
2018/01/21 Python
Python3.5局部变量与全局变量作用域实例分析
2019/04/30 Python
解决pycharm同一目录下无法import其他文件
2020/02/12 Python
Python 实现将大图切片成小图,将小图组合成大图的例子
2020/03/14 Python
python3+selenium获取页面加载的所有静态资源文件链接操作
2020/05/04 Python
高二生物教学反思
2014/01/27 职场文书
2014年高中教师工作总结
2014/12/19 职场文书
入学证明
2015/06/23 职场文书
三八妇女节新闻稿
2015/07/17 职场文书
有关浪费资源的建议书
2015/09/14 职场文书
网络研修随笔感言
2015/11/18 职场文书
《刷子李》教学反思
2016/02/20 职场文书
Python中with上下文管理协议的作用及用法
2022/03/18 Python
Redis 异步机制
2022/05/15 Redis
JavaScript实现九宫格拖拽效果
2022/06/28 Javascript