html怎么通过javascript写一个10秒倒计时

新建一个html文件，定名为test.html，用于讲解若何利用javascipt实现10秒倒计时功能。

在test.html页面，利用div建立一个id为redhacker的模块，用于显示倒计时的时候。

在test.html页面，利用seconds变量界说倒计时的时候为10秒，同时界说按时器的事务柄为handle，本家儿要在断根计时器用到。利用setTimeout（）方式，实现1秒钟后显示计数器，即1秒钟后执行startTimer（）函数起头计数。

在startTimer（）函数内，利用setInterval（）方式设置每1秒钟执行一次timer（）函数，实现每秒钟输出一次“您还有N秒”。

在timer()函数内，编写计数器的逻辑。在timer()函数内，利用“-=”自减，实现秒数的倒数，同时标的目的div输出倒数的内容。当10秒钟倒数完毕，即seconds等于0时，利用stopTimer()函数遏制计数器。

编写stopTimer()函数遏制计数器。在函数内利用clearInterval（）断根事务柄handle，实现计数器的遏制，并输出“10秒钟倒计时完当作”。

在浏览器运行test.html页面，查看实现的倒计时的显示。

0 条评论