基于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 相关文章推荐
jQuery each()小议
Mar 18 Javascript
jquery photoFrame 图片边框美化显示插件
Jun 28 Javascript
javascript利用初始化数据装配模版的实现代码
Nov 17 Javascript
JavaScript中的函数声明和函数表达式区别浅析
Mar 27 Javascript
使用AngularJS创建自定义的过滤器的方法
Jun 18 Javascript
PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)
Aug 06 Javascript
jQuery实现多级联动下拉列表查询框
Jan 18 Javascript
微信小程序 详解下拉加载与上拉刷新实现方法
Jan 13 Javascript
vue.js加载新的内容(实例代码)
Jun 01 Javascript
Vue.js项目中管理每个页面的头部标签的两种方法
Jun 25 Javascript
JS+CSS实现炫酷光感效果
Sep 05 Javascript
JavaScript实现队列结构过程
Dec 06 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判断是否有Get参数的方法
2014/05/05 PHP
Yii实现单用户博客系统文章详情页插入评论表单的方法
2015/12/28 PHP
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
2010/06/18 Javascript
javascript中的注释使用与注意事项小结
2011/09/20 Javascript
如何使用jquery动态加载js,css文件实现代码
2013/04/03 Javascript
js重写alert控件(适合学习js的新手朋友)
2014/08/24 Javascript
jquery ui bootstrap 实现自定义风格
2014/11/14 Javascript
jquery获取checkbox的值并post提交
2015/01/14 Javascript
bootstrap-treeview自定义双击事件实现方法
2016/01/09 Javascript
全面了解函数声明与函数表达式、变量提升
2016/08/09 Javascript
AngularJS中$watch和$timeout的使用示例
2016/09/20 Javascript
vue实现动态按钮功能
2019/05/13 Javascript
JavaScript实现猜数字游戏
2020/05/20 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
2020/05/29 Javascript
jQuery-App输入框实现实时搜索
2020/11/19 jQuery
[01:17]辉夜杯战队访谈宣传片—EHOME
2015/12/25 DOTA
Python自动化测试工具Splinter简介和使用实例
2014/05/13 Python
django实现分页的方法
2015/05/26 Python
深入理解python try异常处理机制
2016/06/01 Python
python学习教程之Numpy和Pandas的使用
2017/09/11 Python
PyCharm安装第三方库如Requests的图文教程
2018/05/18 Python
Python把csv数据写入list和字典类型的变量脚本方法
2018/06/15 Python
python操作kafka实践的示例代码
2019/06/19 Python
Python 保持登录状态进行接口测试的方法示例
2019/08/06 Python
HTML5 离线应用之打造零请求、无流量网站的解决方法
2013/04/25 HTML / CSS
新闻专业个人自我评价
2013/09/21 职场文书
奥利奥广告词
2014/03/20 职场文书
内勤主管岗位职责
2014/04/03 职场文书
答谢会策划方案
2014/05/12 职场文书
目标责任书格式
2014/07/28 职场文书
中学生思想品德评语
2014/12/31 职场文书
创先争优承诺书
2015/01/20 职场文书
2015仓库保管员年终工作总结
2015/05/13 职场文书
简单总结SpringMVC拦截器的使用方法
2021/06/28 Java/Android
python热力图实现的完整实例
2022/06/25 Python
Python安装及建立虚拟环境的完整步骤
2022/06/25 Servers