html显示倒数天数,JS实现倒计时(天数、时、分、秒)

这篇文章范例为我们讲解了JS建立倒数计时的具体流程，供大家参考，基本原则给出

注释：

parseInt() 函数可讲解一个字符串，并返还一个整数。

语法：

parseInt(string, radix)

例：parseInt("10"); //返回 10

parseInt("19",10); //返回 19 (10+9)

parseInt("11",2); //返回 3 (2+1)

parseInt("17",8); //返回 15 (8+7)

parseInt("1f",16); //返回 31 (16+15)

parseInt("010"); //未定：返回 10 或 8

建立倒计时代码

html源代码：html>

JS实现倒计时(天数,时,分,秒)

剩余时间:

javascript源代码：

function leftTimer(year, month, day, hour, minute, second) {

var leftTime = (new Date(year, month - 1, day, hour, minute, second)) - (new Date()); //计算剩余的毫秒数

var days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10); //计算剩余的天数

var hours = parseInt(leftTime / 1000 / 60 / 60 % 24, 10); //计算剩余的小时

var minutes = parseInt(leftTime / 1000 / 60 % 60, 10); //计算剩余的分钟

var seconds = parseInt(leftTime / 1000 % 60, 10); //计算剩余的秒数

days = checkTime(days);

hours = checkTime(hours);

minutes = checkTime(minutes);

seconds = checkTime(seconds);

setInterval("leftTimer(2016,11,11,11,11,11)", 1000);

document.getElementById("timer").innerHTML = days + "天" + hours + "小时" + minutes + "分" + seconds + "秒";

}

function checkTime(i) { //将0-9的数字前面加上0，例1变为01

if(i 

i = "0" + i;

}

return i;

}

建立效果：