基于JavaScript实现一定时间后去执行一个函数
在实际需要中可能需要规定在指定的时间之后再去执行一个函数以达成期望的目的,这也就是一个定时器效果,恰好在js中就已经给定了这样的一个函数setTimeout(),下面先介绍一下次函数的
用法:
语法:
setTimeout(code,interval)
此函数能够规定在指定的在指定的事件之后去执行一段指定代码,此代码只执行一次。
setTimeout()函数具有两个参数,第一个参数规定要执行的执行代码,第二个参数规定在多长时间后去执行代码,单位是毫秒。
代码实例:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.jb51.net/" /> <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高级程序设计 读书笔记之十 本地对象Date日期
本地对象Date日期操作实现方法,需要的朋友可以参考下2012-02-02兼容IE与firefox火狐的回车事件(js与jquery)
今天看了网上的朋友说了,很多网站提供的回车事件代码都是不兼容firefox的,其实脚本之家提供的代码,一直以来都是尽量的兼容多浏览器。2010-10-10JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
这篇文章主要介绍了JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转,本文给大家分享实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下2019-11-11elementUI Table 表格编辑数据后停留当前位置的示例代码
这篇文章主要介绍了elementUI Table 表格编辑数据后停留当前位置,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-04-04
最新评论