基于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 相关文章推荐
使用prototype.js进行异步操作
Feb 07 Javascript
js 创建书签小工具之理论
Feb 25 Javascript
Javascript的常规数组和关联数组对比小结
May 24 Javascript
Jquery easyui 下loaing效果示例代码
Aug 12 Javascript
jquerydom对象的事件隐藏显示和对象数组示例
Dec 10 Javascript
使用js判断TextBox控件值改变然后出发事件
Mar 07 Javascript
基于jquery实现等比缩放图片
Dec 03 Javascript
提交按钮的name='submit'引起的js失效问题及原因
Feb 25 Javascript
js过滤HTML标签完整实例
Nov 26 Javascript
初识 Vue.js 中的 *.Vue文件
Nov 22 Javascript
JS实现的抛物线运动效果示例
Jan 30 Javascript
JavaScript实现表单注册、表单验证、运算符功能
Oct 15 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抓取https的内容的代码
2010/04/06 PHP
Php获取金书网的书名的实现代码
2010/06/11 PHP
PHP header()函数常用方法总结
2014/04/11 PHP
php导入excel文件到mysql数据库的方法
2015/01/14 PHP
详细解读php的命名空间(一)
2018/02/21 PHP
PHP+Session防止表单重复提交的解决方法
2018/04/09 PHP
基于jQuery图片平滑连续滚动插件
2009/04/27 Javascript
JavaScript的public、private和privileged模式
2009/12/28 Javascript
jquery checkbox,radio是否选中的判断代码
2010/03/20 Javascript
基于jQuery捕获超链接事件进行局部刷新代码
2012/05/10 Javascript
JS跨域总结
2012/08/30 Javascript
jquery如何改变html标签的样式(两种实现方法)
2013/01/16 Javascript
简易js代码实现计算器操作
2013/04/15 Javascript
jquery 提交值不为空的元素示例代码
2013/05/10 Javascript
JS中window.open全屏命令解析及使用示例
2013/12/11 Javascript
JS清空多文本框、文本域示例代码
2014/02/24 Javascript
javascript阻止事件冒泡和浏览器的默认行为
2017/01/21 Javascript
BootStrap注意事项小结(五)表单
2017/03/10 Javascript
angular1配合gulp和bower的使用教程
2018/01/19 Javascript
微信小程序与公众号卡券/会员打通的问题
2019/07/25 Javascript
下载糗事百科的内容_python版
2008/12/07 Python
通过Python实现自动填写调查问卷
2017/09/06 Python
读取本地json文件,解析json(实例讲解)
2017/12/06 Python
Python格式化日期时间操作示例
2018/06/28 Python
使用Python制作表情包实现换脸功能
2019/07/19 Python
Python交互式图形编程的实现
2019/07/25 Python
pytorch nn.Conv2d()中的padding以及输出大小方式
2020/01/10 Python
Python 文件数据读写的具体实现
2020/01/24 Python
python使用pyecharts库画地图数据可视化的实现
2020/03/25 Python
Python中Yield的基本用法
2020/10/18 Python
小学生防溺水广播稿
2014/01/12 职场文书
探亲假请假条
2014/04/11 职场文书
2014年医院十一国庆节活动方案
2014/09/15 职场文书
2015年十月一日放假通知
2015/08/18 职场文书
2016庆祝教师节新闻稿
2015/11/25 职场文书
Python基于百度API识别并提取图片中文字
2021/06/27 Python