倒计时代码html(JS实现倒计时功能)



倒数计秒

在制作网站功能时,很多朋友需要js来实现倒计时功能,但是没有具体的思路,可以参考今天的经验。

1.js实现倒计时代码

& ltbody id = & # 34时钟& # 34;onload = & # 34时钟(3600)& # 34;& gt& lt/body & gt;

& lt脚本& gt

功能时钟(时间){

//页面加载时,设置倒计时的秒数,计算小时数;当加载页面时,设置要倒计时的秒数,并计算小时数,其中times是要倒计时的秒数,只需在clock处传入值。​

var shi=parseInt(次/3600);

//计算分钟数

var fen=parseInt((乘以% 3600)/60);

//计算秒数

var苗=(乘以% 3600)% 60;

//写页面显示

document . getelementbyid(& # 34;时钟& # 34;).innerHTML = Shi+& # 34;时间& # 34;+fen+& # 34;时间& # 34;+苗+& # 34;秒& # 34;;

if(times & gt;0){

//倒计时秒减1。

次数=次数-1;

//时间1秒,然后调用自己的时钟方法。

//每次递减1,一直调用自身实现循环,直到times=0。

setTimeout(function (){

时钟(次);

}, 1000);

}否则{

alert(& # 34;倒计时结束& # 34;);

} }

& lt/script & gt;

& lt/html & gt;

2.js实现倒计时的效果图



倒计时代码

Js倒计时

您可以还会对下面的文章感兴趣

使用微信扫描二维码后

点击右上角发送给好友