基于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 相关文章推荐
表单元素事件 (Form Element Events)
Jul 17 Javascript
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
Sep 02 Javascript
自动设置iframe大小的jQuery代码
Sep 11 Javascript
jQuery过滤选择器:not()方法使用介绍
Apr 20 Javascript
bootstrap data与jquery .data
Jul 07 Javascript
jQuery div拖拽用法实例
Jan 14 Javascript
js canvas实现擦除动画
Jul 16 Javascript
Javascript仿京东放大镜的效果
Mar 01 Javascript
vue组件中的数据传递方法
May 14 Javascript
vue - vue.config.js中devServer配置方式
Oct 30 Javascript
JS绘图Flot如何实现动态可刷新曲线图
Oct 16 Javascript
vue基于Echarts的拖拽数据可视化功能实现
Dec 04 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
中国站长站 For Dede4.0 采集规则
2007/05/27 PHP
使用PHP遍历文件目录与清除目录中文件的实现详解
2013/06/24 PHP
解析:php调用MsSQL存储过程使用内置RETVAL获取过程中的return值
2013/07/03 PHP
Zend Framework教程之动作的基类Zend_Controller_Action详解
2016/03/07 PHP
PHP简单检测网址是否能够正常打开的方法
2016/09/04 PHP
抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
2007/07/11 Javascript
jQuery实现可拖动的浮动层完整代码
2013/05/27 Javascript
JS取request值以及自动执行使用示例
2014/02/24 Javascript
JQuery分屏指示器图片轮换效果实例
2015/05/21 Javascript
JQuery标签页效果的两个实例讲解(4)
2015/09/17 Javascript
星期几的不同脚本写法(推荐)
2016/06/01 Javascript
jQuery实现自动调用和触发某个事件的方法
2016/11/18 Javascript
javascript中json基础知识详解
2017/01/19 Javascript
jQuery选择器之子元素过滤选择器
2017/09/28 jQuery
深入理解ES6中let和闭包
2018/02/22 Javascript
微信小程序自定义轮播图
2018/11/04 Javascript
vue路由前进后退动画效果的实现代码
2018/12/10 Javascript
微信小程序获取用户信息及手机号(后端TP5.0)
2019/09/12 Javascript
layer弹窗在键盘按回车将反复刷新的实现方法
2019/09/25 Javascript
vue 项目中当访问路由不存在的时候默认访问404页面操作
2020/08/31 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
2020/12/10 Vue.js
python处理圆角图片、圆形图片的例子
2014/04/25 Python
Python中对列表排序实例
2015/01/04 Python
Python实现简单的文件传输与MySQL备份的脚本分享
2016/01/03 Python
python 爬虫出现403禁止访问错误详解
2017/03/11 Python
解决python3中的requests解析中文页面出现乱码问题
2019/04/19 Python
pytorch 获取层权重,对特定层注入hook, 提取中间层输出的方法
2019/08/17 Python
python实现最短路径的实例方法
2020/07/19 Python
Lombok插件安装(IDEA)及配置jar包使用详解
2020/11/04 Python
html5组织文档结构_动力节点Java学院整理
2017/07/11 HTML / CSS
乡镇群众路线整改落实情况汇报
2014/10/28 职场文书
2014年干部培训工作总结
2014/12/17 职场文书
质检员岗位职责范本
2015/04/07 职场文书
Django实现drf搜索过滤和排序过滤
2021/06/21 Python
HTTP中的Content-type详解
2022/01/18 HTML / CSS
阿里云国际版 使用Nginx作为HTTPS转发代理服务器
2022/05/11 Servers