function show_time() {
//target_date:目标时间,例如:国庆[2018-10-01 00:00:00]
//即计算从当前时间到国庆还有多久 XX天XX小时XX分钟XX秒
var target_date = $("[name=target_date]").val();
var time_start = new Date().getTime(); //设定当前时间
var time_end = new Date(target_date).getTime(); //设定目标时间
// 计算时间差
var time_distance = time_end - time_start;
// 天
var int_day = Math.floor(time_distance / 86400000)
time_distance -= int_day * 86400000;
// 时
var int_hour = Math.floor(time_distance / 3600000)
time_distance -= int_hour * 3600000;
// 分
var int_minute = Math.floor(time_distance / 60000)
time_distance -= int_minute * 60000;
// 秒
var int_second = Math.floor(time_distance / 1000)
// 时分秒为单数时、前面加零
if (int_day < 10) {
int_day = "0" + int_day;
}
if (int_hour < 10) {
int_hour = "0" + int_hour;
}
if (int_minute < 10) {
int_minute = "0" + int_minute;
}
if (int_second < 10) {
int_second = "0" + int_second;
}
// 显示时间
// $("#time_d").val(int_day);
// $("#time_h").val(int_hour);
// $("#time_m").val(int_minute);
// $("#time_s").val(int_second);
$("#timingSendBtn").val(int_day+"天"+int_hour+"时"+int_minute+"分"+int_second+"秒");
// 设置定时器
// console.log(target_date);
setTimeout(show_time, 1000);
}
前端:倒计时
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 之前一个项目在做手机注册登录时,有一个特殊的需求,就是发送验证码,按钮进入倒计时后,退出页面(pop),重新进入还...