基于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 相关文章推荐
top.location.href 没有权限 解决方法
Aug 05 Javascript
JS加jquery简单实现标签元素的显示或隐藏
Sep 23 Javascript
JQuery教学之性能优化
May 14 Javascript
JS简单操作select和dropdownlist实例
Nov 26 Javascript
JS实现点击按钮后框架内载入不同网页的方法
May 05 Javascript
jQuery实用技巧必备(中)
Nov 03 Javascript
解决Window10系统下Node安装报错的问题分析
Dec 13 Javascript
详解vue中引入stylus及报错解决方法
Sep 22 Javascript
Vue2 模板template的四种写法总结
Feb 23 Javascript
vue路由传参页面刷新参数丢失问题解决方案
Oct 08 Javascript
JS面试题中深拷贝的实现讲解
May 07 Javascript
如何利用vue实现波谱拟合详解
Nov 05 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里面的抽象类
2010/01/28 PHP
使用JSON实现数据的跨域传输的php代码
2011/12/20 PHP
PHP输出数组中重名的元素的几种处理方法
2012/09/05 PHP
如何判断php数组的维度
2013/06/10 PHP
PHP读取PPT文件的方法
2015/12/10 PHP
PHP实现 APP端微信支付功能
2018/06/22 PHP
JavaScript中的对象化编程
2008/01/16 Javascript
深入理解JavaScript系列(2) 揭秘命名函数表达式
2012/01/15 Javascript
jquery垂直公告滚动实现代码
2013/12/08 Javascript
jQuery选择器全面总结
2014/01/06 Javascript
input禁止键盘及中文输入,但可以点击
2014/02/13 Javascript
JavaScript 经典实例日常收集整理(常用经典)
2016/03/30 Javascript
全面解析JS字符串和正则表达式中的match、replace、exec等函数
2016/07/01 Javascript
表单元素值获取方式js及java方式的简单实例
2016/10/15 Javascript
简单的vue-resourse获取json并应用到模板示例
2017/02/10 Javascript
React-Native实现ListView组件之上拉刷新实例(iOS和Android通用)
2017/07/11 Javascript
浅谈vue自定义全局组件并通过全局方法 Vue.use() 使用该组件
2017/12/07 Javascript
ExtJs整合Echarts的示例代码
2018/02/27 Javascript
代码详解javascript模块加载器
2018/03/04 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
2018/12/05 Javascript
Angular使用ControlValueAccessor创建自定义表单控件
2019/03/08 Javascript
js布局实现单选按钮控件
2020/01/17 Javascript
微信小程序实现自定义底部导航
2020/11/18 Javascript
详解python3中socket套接字的编码问题解决
2017/07/01 Python
用Anaconda安装本地python包的方法及路径问题(图文)
2019/07/16 Python
Python Flask上下文管理机制实例解析
2020/03/16 Python
Selenium基于PIL实现拼接滚动截图
2020/04/10 Python
scrapy利用selenium爬取豆瓣阅读的全步骤
2020/09/20 Python
荷兰之家英文站:Holland at Home
2016/10/26 全球购物
命名空间(namespace)和程序集(Assembly)有什么区别
2015/09/25 面试题
英语教学随笔感言
2014/02/20 职场文书
2014年社区学雷锋活动总结
2014/03/09 职场文书
职务说明书范文
2014/05/07 职场文书
给校长的建议书300字
2014/05/16 职场文书
正风肃纪查摆剖析材料
2014/10/10 职场文书
创业计划书之废品回收
2019/09/26 职场文书