基于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 相关文章推荐
JavaScript获得选中文本内容的方法
Dec 02 Javascript
node.js中使用socket.io制作命名空间
Dec 15 Javascript
jquery动态改变div宽度和高度
Feb 09 Javascript
c#程序员对TypeScript的认识过程
Jun 19 Javascript
JavaScript获取function所有参数名的方法
Oct 30 Javascript
浅谈jquery中使用canvas的问题
Oct 10 Javascript
利用js编写网页进度条效果
Oct 08 Javascript
详解使用mpvue开发github小程序总结
Jul 25 Javascript
小程序实现搜索框功能
Mar 26 Javascript
JS array数组检测方式解析
May 19 Javascript
JS判断数组是否包含某元素实现方法汇总
Jun 24 Javascript
深入浅析React中diff算法
May 19 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 增加了对 .ZIP 文件的读取功能
2006/10/09 PHP
PHP读取MySQL数据代码
2008/06/05 PHP
php使用百度ping服务代码实例
2014/06/19 PHP
基于PHP实现短信验证码接口(容联运通讯)
2016/09/06 PHP
php文件上传、下载和删除示例
2020/08/28 PHP
php实现用户注册密码的crypt加密
2017/06/08 PHP
PHP7 list() 函数修改
2021/03/09 PHP
JavaScript 特殊字符
2007/04/05 Javascript
javaScript 读取和设置文档元素的样式属性
2009/04/14 Javascript
JQuery autocomplete 使用手册
2010/04/01 Javascript
基于datagrid框架的查询
2013/04/08 Javascript
NodeJS学习笔记之Http模块
2015/01/13 NodeJs
jQuery实现在下拉列表选择时获取json数据的方法
2015/04/16 Javascript
基于jQuery实现自动轮播旋转木马特效
2015/11/02 Javascript
浅谈jQuery中的checkbox问题
2016/08/10 Javascript
JS用斜率判断鼠标进入DIV四个方向的方法
2016/11/07 Javascript
AngularJS中的promise用法分析
2017/05/19 Javascript
AngularJS实现图片上传和预览功能的方法分析
2017/11/08 Javascript
Node.js 实现简单的无侵入式缓存框架的方法
2019/07/21 Javascript
js实现超级玛丽小游戏
2020/03/18 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
2020/12/24 Javascript
Python Django 实现简单注册功能过程详解
2019/07/29 Python
Python networkx包的实现
2020/02/14 Python
Python学习之路之pycharm的第一个项目搭建过程
2020/06/18 Python
python能自学吗
2020/06/18 Python
用python对excel进行操作(读,写,修改)
2020/12/25 Python
Book Depository美国:全球领先的专业网上书店之一
2019/08/14 全球购物
Ray-Ban雷朋奥地利官网:全球领先的太阳眼镜品牌
2020/10/12 全球购物
中专生自我鉴定范文
2014/02/02 职场文书
个性发展自我评价
2014/02/11 职场文书
开工仪式策划方案
2014/05/23 职场文书
2015最新学生自我评价范文
2015/03/03 职场文书
领导离职感言
2015/08/03 职场文书
《画家和牧童》教学反思
2016/02/17 职场文书
南阳市白酒市场的调查报告
2019/11/08 职场文书
springboot如何接收application/x-www-form-urlencoded类型的请求
2021/11/02 Java/Android