基于JavaScript实现一定时间后去执行一个函数
作者:bea
在实际需要中可能需要规定在指定的时间之后再去执行一个函数以达成期望的目的,这也就是一个定时器效果,恰好在js中就已经给定了这样的一个函数setTimeout(),下面先介绍一下次函数的 用法: 语法: 代码如下: setTimeout(code,interval) 此函数能够规定在指定的在指定的事件之后去执行一段指定代码,此代码只执行一次。 setTimeout()函数具有两个参数,第一个参数规定要执行的执行代码,第二个参数规定在多长时间后去执行代码,单
在实际需要中可能需要规定在指定的时间之后再去执行一个函数以达成期望的目的,这也就是一个定时器效果,恰好在js中就已经给定了这样的一个函数setTimeout(),下面先介绍一下次函数的
用法:
语法:
代码如下:
setTimeout(code,interval)
此函数能够规定在指定的在指定的事件之后去执行一段指定代码,此代码只执行一次。
setTimeout()函数具有两个参数,第一个参数规定要执行的执行代码,第二个参数规定在多长时间后去执行代码,单位是毫秒。
代码实例:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http:///" />
<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实现一定时间后去执行一个函数的相关知识,感兴趣的朋友一起学习吧。
有用 | 无用
用法:
语法:
代码如下:
setTimeout(code,interval)
此函数能够规定在指定的在指定的事件之后去执行一段指定代码,此代码只执行一次。
setTimeout()函数具有两个参数,第一个参数规定要执行的执行代码,第二个参数规定在多长时间后去执行代码,单位是毫秒。
代码实例:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http:///" />
<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实现一定时间后去执行一个函数的相关知识,感兴趣的朋友一起学习吧。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- JQuery中Ajax()的data参数类型实例分析
- 理解javascript闭包
- jQuery检测滚动条是否到达底部
- js实现根据身份证号自动生成出生日期
- 浅析javascript的return语句
- 轻松学习Javascript闭包函数
- Javascript基于AJAX回调函数传递参数实例分析
- javascript实现html页面之间参数传递的四种方法实例分析
- js编写“贪吃蛇”的小游戏
- javascript实现网页端解压并查看zip文件
- 探究JavaScript函数式编程的乐趣
- jQuery+json实现的简易Ajax调用实例
- 以JavaScript来实现WordPress中的二级导航菜单的方法
- JS实现DIV容器赋值的方法
- JavaScript中eval()函数用法详解
- JS实现单击输入框弹出选择框效果完整实例
- JavaScript实现点击按钮就复制当前网址
- JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解
- JS+JSP通过img标签调用实现静态页面访问次数统计的方法