基于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重写Cognos右键菜单的实现代码
Apr 11 Javascript
js实现图片旋转的三种方法
Apr 10 Javascript
JavaScript基础教程之alert弹出提示框实例
Oct 16 Javascript
JS是按值传递还是按引用传递
Jan 30 Javascript
推荐10 款 SVG 动画的 JavaScript 库
Mar 24 Javascript
javascript实现checkbox复选框实例代码
Jan 10 Javascript
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
Jan 19 Javascript
javascript实现数字倒计时特效
Mar 30 Javascript
jquery 实现拖动文件上传加载进度条功能
Mar 18 jQuery
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
Sep 19 Javascript
JS使用队列对数组排列,基数排序算法示例
Mar 02 Javascript
layui radio点击事件实现input显示和隐藏的例子
Sep 02 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
PHP4在WinXP下IIS和Apache2服务器上的安装实例
2006/10/09 PHP
Apache, PHP在Windows 9x/NT下的安装与配置 (一)
2006/10/09 PHP
php中多维数组按指定value排序的实现代码
2014/08/19 PHP
thinkphp循环结构用法实例
2014/11/24 PHP
浅谈PHP中foreach/in_array的使用
2015/11/02 PHP
详解PHP中mb_strpos的使用
2018/02/04 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
Web层改进II-用xmlhttp 无声息提交复杂表单
2007/01/22 Javascript
详谈构造函数加括号与不加括号的区别
2017/10/26 Javascript
微信小程序实现刷脸登录
2018/05/25 Javascript
微信小程序实现点赞、取消点赞功能
2018/11/02 Javascript
快速解决vue2+vue-cli3项目ie兼容的问题
2020/11/17 Vue.js
vue中axios封装使用的完整教程
2021/03/03 Vue.js
Python最基本的数据类型以及对元组的介绍
2015/04/14 Python
详解Python函数作用域的LEGB顺序
2016/05/14 Python
Python3安装Pymongo详细步骤
2017/05/26 Python
浅谈Python中的作用域规则和闭包
2018/03/20 Python
Python logging模块用法示例
2018/08/28 Python
Python命名空间的本质和加载顺序
2018/12/17 Python
Python将列表数据写入文件(txt, csv,excel)
2019/04/03 Python
python实现图片中文字分割效果
2019/07/22 Python
Python模块相关知识点小结
2020/03/09 Python
俄罗斯旅游网站:Tripadvisor俄罗斯
2017/03/21 全球购物
名人珠宝设计师:Melinda Maria Jewelry
2019/03/06 全球购物
Ariat官网:美国马靴和服装品牌
2019/12/16 全球购物
毕业寄语大全
2014/04/09 职场文书
创业女性典型材料
2014/05/02 职场文书
工程负责人任命书
2014/06/06 职场文书
租房协议书范文
2014/08/20 职场文书
售后客服个人自我评价
2014/09/14 职场文书
2014迎国庆演讲稿
2014/09/19 职场文书
小学生光盘行动倡议书
2015/04/28 职场文书
证婚人致辞精选
2015/07/28 职场文书
担保书怎么写 ?
2019/04/22 职场文书
掌握一个领域知识,高效学习必备方法
2019/08/08 职场文书
Lakehouse数据湖并发控制陷阱分析
2022/03/31 Oracle