所在的位置: js >> js介绍 >> JS实现倒计时功能

JS实现倒计时功能

中科白癜风医院爱心捐助 https://auto.qingdaonews.com/content/2018-06/26/content_20140182.htm
倒计时

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

1、js实现倒计时代码

bodyid="clock"onload="clock()"/body

script

functionclock(times){

//页面加载时设置需要倒计时的秒数,计算小时

varshi=parseInt(times/);

//计算分钟

varfen=parseInt((times%)/60);

//计算秒

varmiao=(times%)%60;

//写入页面显示

document.getElementById("clock").innerHTML=shi+"时"+fen+"时"+miao+"秒";

if(times0){

//倒计时的秒数递减1

times=times-1;

//定时1秒,然后调用自身clock方法

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

setTimeout(function(){

clock(times);

},);

}else{

alert("倒计时结束");

}}

/script

/html

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

js倒计时


转载请注明:http://www.aierlanlan.com/rzfs/7483.html

  • 上一篇文章:
  •   
  • 下一篇文章: