专栏首页程序生涯javascript中的setTimeout() 方法和clearInterval() 方法和setInterval() 方法

javascript中的setTimeout() 方法和clearInterval() 方法和setInterval() 方法

语法

setTimeout(code,millisec)

参数

描述

code

必需。要调用的函数后要执行的 JavaScript 代码串。

millisec

必需。在执行代码前需等待的毫秒数。

提示和注释

提示:setTimeout() 只执行 code 一次。

<html>
<head>
<script type="text/javascript">
function timedMsg() {
var t=setTimeout("alert('5 seconds!')",5000) }
</script>
</head>
<body>
<form>
<input type="button" value="Display timed alertbox!" onClick="timedMsg()">
</form>
<p>Click on the button above. An alert box will be displayed after 5 seconds.</p> </body>
</html>

定义和用法

clearInterval() 方法可取消由 setInterval() 设置的 timeout。

clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。

语法

clearInterval(id_of_setinterval)

参数

描述

id_of_setinterval

由 setInterval() 返回的 ID 值。

实例

下面这个例子将每隔 50 毫秒调用 clock() 函数。您也可以使用一个按钮来停止这个 clock:

<html>
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50) function clock() {
var t=new Date() document.getElementById("clock").value=t
}
</script>
</form>
<button onclick="int=window.clearInterval(int)"> Stop interval</button>
</body>
</html>

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

语法

setInterval(code,millisec[,"lang"])

参数

描述

code

必需。要调用的函数或要执行的代码串。

millisec

必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。

<html>
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock() {
var t=new Date()
document.getElementById("clock").value=t
}
</script>
</form>
<button onclick="int=window.clearInterval(int)"> Stop interval</button>
</body>
</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 为什么说_br__标签需要闭合

    用户7657330
  • DNS(域名系统)介绍,深入解析DNS解析失败发生的原因及解决方法

    域名系统(英文:Domain Name System,缩写:DNS)是互联网的一项服务。它作为将域名和IP地址相互映射的一个分布式数据库,能够使人更方便地访问互...

    用户7657330
  • HTML和CSS常见问题整理

    对于IE5.x和6来说,在怪异模式中width等于content、左右padding和左右border。

    用户7657330
  • ES6特性之:参数默认值

    作为一个开发者,跟进行业步伐是非常需要的,不能躺在现有的知识和经验温床上做美梦。JavaScript的ES2015标准(即我们说的ES6)在2016年已经被广泛...

    一斤代码
  • windows系统构建golang+opencv环境

    python+opencv已经比较成熟了,但是比起go,python太缺乏秩序,所以打算后面用go玩opencv。

    大福加冰
  • JavaScript 表单处理

    为了分担服务器处理表单的压力,JavaScript提供了一些解决方案,从而大大打破了处处依赖服务器的局面。 一.表单介绍 在HTML中,表单是由<form>...

    汤高
  • python邮件发送和图片

    ​ 上班时间干别的事情是不太好的,如果被别人看到的话会很大程度上影响个人的前进的步伐。但是如果工作做的差不多了,那么闲着也是闲着。反正cpu资源浪...

    程序员_备忘录
  • 移动Web 开发中的 Off Canvas 导航

    Jeff 最近发布的DeveMobile 与EaseMobile 主题在导航栏上采用的是在一些native app 中常见的Off Canvas 导航。而关于 ...

    Jeff
  • Spring Boot:整合Spring Security

    Spring Security 是 Spring 社区的一个顶级项目,也是 Spring Boot 官方推荐使用的安全框架。除了常规的认证(Authentica...

    朝雨忆轻尘
  • 栅格数据投影转换

    GDAL提供了gdalwarp命令可以方便地让我们进行影像拼接,重投影,裁剪,格式转换等功能

    卡尔曼和玻尔兹曼谁曼

扫码关注云+社区

领取腾讯云代金券