基于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 笔记 事件
Nov 02 Javascript
获取3个数组不重复的值的具体实现
Dec 30 Javascript
Javascript中arguments对象详解
Oct 22 Javascript
简介JavaScript中用于处理正切的Math.tan()方法
Jun 15 Javascript
JavaScript实现下拉列表框数据增加、删除、上下排序的方法
Aug 11 Javascript
为jQuery-easyui的tab组件添加右键菜单功能的简单实例
Oct 10 Javascript
jquery 实现回车登录详解及实例代码
Oct 23 Javascript
vue-router 路由基础的详解
Oct 17 Javascript
JS实现点击拉拽轮播图pc端移动端适配
Sep 05 Javascript
TypeScript中使用getElementXXX()的示例代码
Sep 12 Javascript
vue 动态给每个页面添加title、关键词和描述的方法
Aug 28 Javascript
addEventListener()和removeEventListener()追加事件和删除追加事件
Dec 04 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中die(),exit(),return的区别
2013/06/20 PHP
PHP用星号隐藏部份用户名、身份证、IP、手机号等实例
2014/04/08 PHP
排序算法之PHP版快速排序、冒泡排序
2014/04/09 PHP
PHP实现的AES加密、解密封装类与用法示例
2018/08/02 PHP
JS 控制小数位数的实现代码
2011/08/02 Javascript
Textarea与懒惰渲染实现代码
2012/01/04 Javascript
js 有框架页面跳转(target)三种情况下的应用
2013/04/09 Javascript
window.onload追加函数使用示例
2014/03/03 Javascript
javascript刷新父页面的各种方法汇总
2014/09/03 Javascript
Js使用WScript.Shell对象执行.bat文件和cmd命令
2014/12/18 Javascript
JavaScript中的包装对象介绍
2015/01/27 Javascript
jQuery中on()方法用法实例详解
2015/02/06 Javascript
JS制作简单的三级联动
2015/03/18 Javascript
jQuery实现图片左右滚动特效
2020/04/20 Javascript
逐一介绍Jquery data()、Jquery stop()、jquery delay()函数(详)
2015/11/04 Javascript
快速掌握Node.js之Window下配置NodeJs环境
2016/03/21 NodeJs
利用jquery给指定的table动态添加一行、删除一行的方法
2016/10/12 Javascript
网站申请不到支付宝接口、微信接口,免接口收款实现方式几种解决办法
2016/12/14 Javascript
JS中Array数组学习总结
2017/01/18 Javascript
利用vue开发一个所谓的数独方法实例
2017/12/21 Javascript
微信小程序如何获取用户手机号
2018/01/26 Javascript
详解Nuxt.js部署及踩过的坑
2018/08/07 Javascript
vue实现与安卓、IOS交互的方法
2018/11/02 Javascript
[54:26]完美世界DOTA2联赛PWL S3 Forest vs Rebirth 第一场 12.10
2020/12/12 DOTA
python爬虫入门教程之糗百图片爬虫代码分享
2014/09/02 Python
Python随机生成数据后插入到PostgreSQL
2016/07/28 Python
浅谈五大Python Web框架
2017/03/20 Python
一个基于flask的web应用诞生 组织结构调整(7)
2017/04/11 Python
Python面向对象程序设计之类的定义与继承简单示例
2019/03/18 Python
Python 单例设计模式用法实例分析
2019/09/23 Python
Python基于requests实现模拟上传文件
2020/04/21 Python
python help函数实例用法
2020/12/06 Python
python数据抓取3种方法总结
2021/02/07 Python
yy司仪主持词
2014/03/22 职场文书
投资协议书范本
2014/04/21 职场文书
路政管理求职信
2014/06/18 职场文书