基于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将从数据库中读取出来的日期型格式化为想要的类型。
Aug 15 Javascript
jQuery 行背景颜色的交替显示(隔行变色)实现代码
Dec 13 Javascript
js前台分页显示后端JAVA数据响应
Mar 18 Javascript
jquery ajax jsonp跨域调用实例代码
Dec 11 Javascript
使用js判断当前时区TimeZone是否是夏令时
Feb 23 Javascript
分享20个提升网站界面体验的jQuery插件
Dec 15 Javascript
AngularJS使用ngOption实现下拉列表的实例代码
Jan 23 Javascript
解析如何利用iframe标签以及js制作时钟
Dec 08 Javascript
Vue.js学习之计算属性
Jan 22 Javascript
JS和JQuery实现雪花飘落效果
Nov 30 jQuery
小程序红包雨的实现示例
Feb 19 Javascript
JS出现404错误原理及解决方案
Jul 01 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 代码优化的42条建议 推荐
2009/09/25 PHP
php UTF-8、Unicode和BOM问题
2010/05/18 PHP
PHP迭代器的内部执行过程详解
2013/11/12 PHP
PHP获取网页所有连接的方法(附demo源码下载)
2016/03/30 PHP
Yii控制器中filter过滤器用法分析
2016/07/15 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
php获得刚插入数据的id 的几种方法总结
2018/05/31 PHP
常用一些Javascript判断函数
2012/08/14 Javascript
qq悬浮代码(兼容各个浏览器)
2014/01/29 Javascript
全面了解JavaScript的数据类型转换
2016/07/01 Javascript
jQuery 3.0 的 setter和getter 模式详解
2016/07/11 Javascript
DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法(排序,过滤,分页等)
2016/11/09 Javascript
Vue 动态设置路由参数的案例分析
2018/04/24 Javascript
element-ui中的select下拉列表设置默认值方法
2018/08/24 Javascript
vue-cli配置全局sass、less变量的方法
2019/06/06 Javascript
koa2 从入门到精通(小结)
2019/07/23 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
2019/08/20 Javascript
python使用正则表达式提取网页URL的方法
2015/05/26 Python
Python Flask-web表单使用详解
2017/11/18 Python
python实现人脸识别经典算法(一) 特征脸法
2018/03/13 Python
tensorflow 报错unitialized value的解决方法
2020/02/06 Python
Python json格式化打印实现过程解析
2020/07/21 Python
Django url 路由匹配过程详解
2021/01/22 Python
HTML5标签与HTML4标签的区别示例介绍
2013/07/18 HTML / CSS
顶级宝石首饰网络零售商:Angara
2016/10/25 全球购物
Sasa莎莎海外旗舰店:香港莎莎美妆平台
2018/03/21 全球购物
Lyle & Scott苏格兰金鹰官网:英国皇室御用品牌
2018/05/09 全球购物
华为C++笔试题
2014/08/05 面试题
StringBuilder和String的区别
2015/05/18 面试题
国际贸易专业自荐信
2014/06/10 职场文书
2014年数学教师工作总结
2014/12/03 职场文书
2015年统战工作总结
2015/05/19 职场文书
2015年食品安全宣传周活动总结
2015/07/09 职场文书
《揠苗助长》教学反思
2016/02/20 职场文书
写自招自荐信的绝招!
2019/04/19 职场文书
SQL实现LeetCode(177.第N高薪水)
2021/08/04 MySQL