html js秒杀倒计时,JS秒杀倒计时功能完整实例【使用jQuery3.1.1】

本文实例讲述了JS秒杀倒计时功能。分享给大家供大家参考，具体如下：

代码

00天

00时

00分

00秒

var timer = null;

// 秒杀函数

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

// 剩余时间：设定的-当前的

var leftTime = (new Date(year, month - 1, day, hour, minute, second)) - (new Date());

// parseInt()返回一个整数。得出剩余的时分秒

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);

// 结束的时候

if (seconds < 0) {

alert("快点！");

clearTimeout(timer);

}

else {

// 格式的转化

days = fix(days, 2);

hours = fix(hours, 2);

minutes = fix(minutes, 2);

seconds = fix(seconds, 2);

// 递归调用 注意：比当前时间大！

timer = setTimeout("miaosha(2019,09,05,10,56,00)", 1000); 设置开始的时间

// 设置时分秒

document.getElementById("h").innerHTML = hours;

document.getElementById("m").innerHTML = minutes;

document.getElementById("s").innerHTML = seconds;

document.getElementById("d").innerHTML = days;

}

}

//fix函数：数字加0

function fix(num, length) {

console.log(num);

// 数字转化为字符串 进行拼接

return num.toString().length

}

显示

PS：这里再为大家推荐几款时间及日期相关工具供大家参考使用：

希望本文所述对大家jQuery程序设计有所帮助。