页面显示:
<p class="time">剩余:<span>24</span>时<span>00</span>分<span>00</span>秒</p>
js:
var timer=null;
var time=data.data.time; //后台传入的时间
formatSeconds(time); //先走一遍函数 显示目前所剩时间
timer=setInterval(function () { //启动倒计时
if(time>0){
time=time-1;
formatSeconds(time);
}
},1000);
function formatSeconds(value) {
var secondTime = parseInt(value); // 秒
var minuteTime = 0; // 分
var hourTime = 0; // 小时
if (secondTime >= 60) { // 如果秒数大于60,将秒数转换成整数
// 获取分钟,除以60取整数,得到整数分钟
minuteTime = parseInt(secondTime / 60);
// 获取秒数,秒数取佘,得到整数秒数
secondTime = parseInt(secondTime % 60);
// 如果分钟大于60,将分钟转换成小时
if (minuteTime >= 60) {
// 获取小时,获取分钟除以60,得到整数小时
hourTime = parseInt(minuteTime / 60);
// 获取小时后取佘的分,获取分钟除以60取佘的分
minuteTime = parseInt(minuteTime % 60);
}
## //如果需要展示天数 则加入以下代码
// 如果小时大于24,将小时转换成天
if (hourTime >= 24) {
// 获取天,获取小时除以24,得到整数天
dayTime = parseInt(hourTime / 24);
// 获取天后取佘的小时,获取小时除以24取佘的小时
hourTime = parseInt(hourTime % 24);
}
}
hourTime = timerFilter(hourTime);
minuteTime = timerFilter(minuteTime);
secondTime = timerFilter(secondTime);
var timeDown="剩余:<span>"+hourTime+"</span>时<span>"+minuteTime+"</span>分<span>"+secondTime+"</span>秒";
$(".time").html(timeDown);
//给小于10的数值前面添加 0
function timerFilter(params) {
if (params - 0 < 10) {
return '0' + params;
} else {
return params;
}
}
}
传入秒数 显示当天倒计时
最新推荐文章于 2022-11-23 09:06:05 发布