起因: 写好备用。
代码:
// 直接把方法写在了原型上,通过原型调用
/*** 倒计时* time_str String 到期时间('2023-11-28 16:50:00')* dom_obj Object 需要显示的倒计时的dom对象*/
Date.prototype.countdown = function (time_str, dom_obj) {let timer = setInterval(function () {let remaining = new Date(time_str).getTime() - new Date().getTime();if (remaining > 0) {// 计算let day = Math.floor(remaining / 1000 / 60 / 60 / 24);let hour = Math.floor((remaining / 1000 / 60 / 60) % 24);let min = Math.floor((remaining / 1000 / 60) % 60);let sec = Math.floor((remaining / 1000) % 60);// 不需要补零的话,这部分就可以不用了day = day < 10 ? "0" + day : day;hour = hour < 10 ? "0" + hour : hour;min = min < 10 ? "0" + min : min;sec = sec < 10 ? "0" + sec : sec;dom_obj.innerHTML = `剩余:${day}天 ${hour}小时 ${min}分钟 ${sec}秒`;} else {dom_obj.innerHTML = `剩余:0天 0小时 0分钟 0秒`;// 关闭计时器clearInterval(timer);}}, 1000);
}// 获取dom对象,传递到方法中
var div = document.getElementsByTagName('div')[0];
new Date().countdown('2023-11-28 16:50:00', div);
调用方法:
// 获取dom对象
var div = document.getElementsByTagName('div')[0];
// 从原型上调用方法
new Date().countdown('2023-11-28 16:50:00', div);
效果: