基于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 相关文章推荐
ext checkboxgroup 回填数据解决
Aug 21 Javascript
JavaScript.The.Good.Parts阅读笔记(一)假值与===运算符
Nov 16 Javascript
在ASP.NET中使用JavaScript脚本的方法
Nov 12 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
Aug 15 Javascript
JavaScript通过function定义对象并给对象添加toString()方法实例分析
Mar 23 Javascript
jQuery异步提交表单的两种方式
Sep 13 Javascript
vue计算属性和监听器实例解析
May 10 Javascript
JS+HTML实现的圆形可点击区域示例【3种方法】
Aug 01 Javascript
浅谈vue.use()方法从源码到使用
May 12 Javascript
vue项目接口域名动态获取操作
Aug 13 Javascript
vue离开当前页面触发的函数代码
Sep 01 Javascript
JS闭包原理及其使用场景解析
Dec 03 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
使用phpexcel类实现excel导入mysql数据库功能(实例代码)
2016/05/12 PHP
Yii2 assets清除缓存的方法
2016/05/16 PHP
PHP遍历目录文件的常用方法小结
2017/02/03 PHP
浅谈PHP的$_SERVER[SERVER_NAME]
2017/02/04 PHP
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
2007/07/21 Javascript
jquery自定义下拉列表示例
2014/04/25 Javascript
javascript实现信息增删改查的方法
2015/07/25 Javascript
Node.js操作Firebird数据库教程
2016/03/04 Javascript
EditPlus中的正则表达式 实战(2)
2016/12/15 Javascript
使用BootStrap建立响应式网页——通栏轮播图(carousel)
2016/12/21 Javascript
Bootstrap table两种分页示例
2016/12/23 Javascript
js实现短信发送倒计时功能(正则验证)
2017/02/10 Javascript
微信小程序实现拖拽 image 触摸事件监听的实例
2017/08/17 Javascript
Dropify.js图片宽高自适应的方法
2017/11/27 Javascript
JS使用数组实现的队列功能示例
2019/03/04 Javascript
微信小程序webSocket的使用方法
2020/02/20 Javascript
[03:18]DOTA2放量测试专访820:希望玩家加入国服大家庭
2013/08/25 DOTA
[02:15]你好,这就是DOTA!
2015/08/05 DOTA
python非递归全排列实现方法
2017/04/10 Python
Django自定义插件实现网站登录验证码功能
2017/04/19 Python
浅谈Python生成器generator之next和send的运行流程(详解)
2017/05/08 Python
python使用itchat实现手机控制电脑
2018/02/22 Python
python 2.7.13 安装配置方法图文教程
2018/09/18 Python
使用Python制作表情包实现换脸功能
2019/07/19 Python
python文字转语音实现过程解析
2019/11/12 Python
详解python 中in 的 用法
2019/12/12 Python
网络工程系信息安全技术专业大学生求职信
2013/10/22 职场文书
个人现实表现材料
2014/02/04 职场文书
八一建军节活动方案
2014/02/10 职场文书
厨房管理计划书
2014/04/27 职场文书
党的群众路线对照检查材料
2014/08/27 职场文书
银行业务授权委托书
2014/10/10 职场文书
服务整改报告
2014/11/06 职场文书
保研推荐信格式
2015/03/25 职场文书
教研活动主持词
2015/07/03 职场文书
先进基层党组织事迹材料2016
2016/02/29 职场文书