JS 10秒倒计时实现

 时间:2026-04-23 14:33:54

1、新建一个HTML文档,用于承载JS

JS 10秒倒计时实现

2、setInterval()方法,用于设置一个周期性循环执行的函数,

示例代码:

//定义一个setInterval()方法,

//每间隔(1000毫秒==1秒)执行一次函数clock()

//var int 用于cleanInterval()接受的参数

var int=setInterval("clock()", 1000);

JS 10秒倒计时实现

3、定义一个计时器函数: clock(),

示例代码:

//将变量num设置为全局变量

var num=10;function clock(){

    num>0 ? num-- : clearInterval(int);

}

JS 10秒倒计时实现

4、获取DOM并输出计时器当前的值,

示例代码:

document.getElementById("time").innerHTML=num;

JS 10秒倒计时实现

5、保存以上文件,在浏览器执行查看效果

JS 10秒倒计时实现

  • matlab7.0安装详细教程
  • 《LavaRadio》软件应用操作
  • 酸豆角焖排骨
  • 肉燥皇帝豆的做法
  • 茄子烧豆角家常做法
  • 热门搜索
    菠萝的功效与作用 光子嫩肤什么季节做比较好 苹果7什么时候上市 中考知识点 奇怪的运动第二部 有什么好看的恐怖片 用什么可以解开所有的谜 男人小便泡沫多是什么原因 exo什么意思 冬瓜子的功效与作用