JavaScript 定时器与简单时钟设计

本文介绍了JavaScript中的定时器,包括setInterval用于周期性执行任务,setTimeout则是一次性执行。通过递归调用setTimeout可以模拟setInterval的效果。文章还提到了如何使用JavaScript设计一个时钟,并强调在脚本中使用window.onload确保页面完全加载后再执行。
摘要由CSDN通过智能技术生成

首先定义一个方法:

function show(){
    console.log('执行了')
}

一、可直接运行定时器,定时器 setInterval(x,y)每隔y毫秒运行x方法。此定时器会一直运行。

setInterval(show,1000)

可通过以下方法消除定时器:当然此时,运行时间就要注意了,1000毫秒的话,可能定时器还没有开始运行,就已经先被消除掉了

// 定义一个变量记录定时器
let s = setInterval(show,1000)

// 清除定时器
clearInterval(s)

二、另外一种定时器: setTimeout(x,y) 每隔 y毫秒后运行x (相似于定时炸弹,到时间只会运行一次

setTimeout(show,1000)

可通过递归的方式,使其出现与setInterval(x,y) 一样的效果

show1()
function show1(){
    show()
    setTimeout(show1,1000) //递归调用自己
}
<
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值