基于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 相关文章推荐
可缩放Reloaded-一个针对可缩放元素的复用组件
Mar 10 Javascript
javascript add event remove event
Apr 07 Javascript
js点击文本框后才加载验证码实例代码
Oct 20 Javascript
在JavaScript中call()与apply()区别
Jan 22 Javascript
Javascript 字符串模板的简单实现
Feb 13 Javascript
vue.js+Element实现表格里的增删改查
Jan 18 Javascript
Angular.js初始化之ng-app的自动绑定与手动绑定详解
Jul 31 Javascript
jquery实现楼层滚动效果
Jan 01 jQuery
layui 表格的属性的显示转换方法
Aug 14 Javascript
17道题让你彻底理解JS中的类型转换
Aug 08 Javascript
node实现爬虫的几种简易方式
Aug 22 Javascript
详解vue修改elementUI的分页组件视图没更新问题
Nov 13 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和MySql来与ODBC数据连接
2006/10/09 PHP
php-redis中的sort排序函数总结
2015/07/08 PHP
PHP合并数组的2种方法小结
2016/11/24 PHP
php实现通过soap调用.Net的WebService asmx文件
2017/02/27 PHP
通过ifame指向的页面高度调整iframe的高度
2006/10/05 Javascript
javascript静态页面传值的三种方法分享
2013/11/12 Javascript
基于Jquery easyui 选中特定的tab
2015/11/17 Javascript
nodeJs爬虫获取数据简单实现代码
2016/03/29 NodeJs
基于Turn.js 实现翻书效果实例解析
2016/06/20 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
2016/09/05 Javascript
详解angular笔记路由之angular-router
2017/09/12 Javascript
vue 下列表侧滑操作实例代码详解
2018/07/24 Javascript
通过js给网页加上水印背景实例
2019/06/17 Javascript
jQuery表单选择器用法详解
2019/08/22 jQuery
js实现自动播放匀速轮播图
2020/02/06 Javascript
Vue使用Proxy代理后仍无法生效的解决
2020/11/13 Javascript
[02:20]2014DOTA2西雅图邀请赛 MVP外卡赛首胜采访
2014/07/09 DOTA
Python编码时应该注意的几个情况
2013/03/04 Python
Python实现从url中提取域名的几种方法
2014/09/26 Python
python高效过滤出文件夹下指定文件名结尾的文件实例
2018/10/21 Python
django-初始配置(纯手写)详解
2019/07/30 Python
如何利用pygame实现简单的五子棋游戏
2019/12/29 Python
tensorflow之获取tensor的shape作为max_pool的ksize实例
2020/01/04 Python
使用tensorflow显示pb模型的所有网络结点方式
2020/01/23 Python
HTML5中canvas中的beginPath()和closePath()的重要性
2018/08/24 HTML / CSS
Html5基于canvas实现电子签名并生成PDF文档
2020/12/07 HTML / CSS
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
斯福泰克软件测试面试题
2015/02/16 面试题
敏捷开发的主要原则都有哪些
2015/04/26 面试题
Java Servlet的主要功能和作用是什么
2014/02/14 面试题
村官工作鉴定评语
2014/01/27 职场文书
新法人代表任命书
2014/06/06 职场文书
自愿离婚协议书范本
2014/09/13 职场文书
教师群众路线剖析材料
2014/09/29 职场文书
运动会广播稿200字
2014/10/18 职场文书
Python+Pillow+Pytesseract实现验证码识别
2022/05/11 Python