JS 模仿京东秒杀倒计时

使用定时器 

JS 模仿京东秒杀倒计时_第1张图片

页面:



	
		
		
		
	
	
		

京东秒杀

16:00点场倒计时

  • 16
  • :
  • 10
  • :
  • 00

JS:

function times(){
	//1.日期
	var date =new Date();
	//现在距离1970年的毫秒数
	var startTime = date.getTime();
	
	//2.设置时间
	var newDate=new Date("2020/8/14 12:00:00");
	//2019年距离1970年的毫秒数
	var endTime = newDate.getTime();
	
	//3.计算差-毫秒
	var minTime=Math.floor((endTime-startTime)/1000);
	
	//4.分别计算秒,分,时
	var second=Math.floor(minTime%60);
	var minute=Math.floor((minTime/60)%60);
	var hour=Math.floor((minTime/60/60));

	//当剩余秒数为0时,就停止
	if(second<0){
		clearInterval(auto);
		return;
	}
	
	//5.显示
	document.getElementById("hh").innerHTML=zero(hour);
	document.getElementById("mm").innerHTML=zero(minute);
	document.getElementById("ss").innerHTML=zero(second);
	
}
//加载
times();

//每隔1秒显示
var auto=setInterval(times,1000);

//不足位数补零
function zero(n) {
    return n >= 0 && n < 10 ? '0' + n : '' + n;
  }

 

你可能感兴趣的:(JS 模仿京东秒杀倒计时)