基于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 相关文章推荐
Mootools 1.2教程(3) 数组使用简介
Sep 14 Javascript
js获取url参数值的两种方式
Sep 10 Javascript
jQuery中unwrap()方法用法实例
Jan 16 Javascript
Jquery实现仿京东商城省市联动菜单
Nov 19 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
Aug 17 Javascript
AngularJS学习第二篇 AngularJS依赖注入
Feb 13 Javascript
javascript实现数据双向绑定的三种方式小结
Mar 09 Javascript
微信小程序 列表的上拉加载和下拉刷新的实现
Apr 01 Javascript
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
May 26 jQuery
jquery实现下拉菜单的手风琴效果
Jul 23 jQuery
layui数据表格实现重载数据表格功能(搜索功能)
Jul 27 Javascript
vue使用watch监听属性变化
Apr 30 Vue.js
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数学运算
2011/12/30 PHP
PHP缓存技术的多种方法小结
2012/08/14 PHP
PHP+javascript制作带提示的验证码源码分享
2014/05/28 PHP
php将字符串全部转换成大写或者小写的方法
2015/03/17 PHP
php获取文件类型和文件信息的方法
2015/07/10 PHP
PHP验证类的封装与使用方法详解
2019/01/10 PHP
PHP7 新增常量
2021/03/09 PHP
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
2011/07/04 Javascript
jQuery EasyUI API 中文文档 - Calendar日历使用
2011/10/19 Javascript
node在两个div之间移动,用ztree实现
2013/03/06 Javascript
简单的js表单验证函数
2013/10/28 Javascript
jquery自定义右键菜单、全选、不连续选择
2016/03/01 Javascript
JavaScript——DOM操作——Window.document对象详解
2016/07/14 Javascript
JavaScript实现简单的日历效果
2016/09/25 Javascript
微信小程序HTTP请求从0到1封装
2019/09/09 Javascript
[01:14]英雄,所敬略同——2018完美盛典宣传视频4K
2018/12/05 DOTA
Python中zfill()方法的使用教程
2015/05/20 Python
Python标准库笔记struct模块的使用
2018/02/22 Python
python字符串与url编码的转换实例
2018/05/10 Python
python学习笔记--将python源文件打包成exe文件(pyinstaller)
2018/05/26 Python
python TK库简单应用(实时显示子进程输出)
2019/10/29 Python
python psutil监控进程实例
2019/12/17 Python
Python实现进度条和时间预估的示例代码
2020/06/02 Python
pymongo insert_many 批量插入的实例
2020/12/05 Python
荷兰最大的多品牌男装连锁店:Adam Brandstore
2019/12/31 全球购物
大专生自荐信
2013/10/04 职场文书
个人职业生涯规划书1500字
2013/12/31 职场文书
春节请假条
2014/04/11 职场文书
领导班子遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
党员民主评议总结
2014/10/20 职场文书
四风问题专项整治工作情况报告
2014/10/28 职场文书
2015年国际护士节演讲稿
2015/03/18 职场文书
学雷锋团日活动总结
2015/05/06 职场文书
农村老人去世追悼词
2015/06/23 职场文书
python3 实现mysql数据库连接池的示例代码
2021/04/17 Python
Lombok的详细使用及优缺点总结
2021/07/15 Java/Android