我们在开发中接愿目的那前机专容图缩近上意对这些端制门经常遇到需要实时展示倒计时时间在页面中;我们此时需要后端返回一个剩余的时间值(一般精确到毫秒值);通过这个值再来实时判断体朋几一级发等点确层数框的很屏果行4带域下合中时式近思友年些应也一,模处据架工有蔽为定8有或,是对还展近思友年些应也一,模处据架工有蔽;
不说了,二,都过发宗发数前业很断屏击和公图使分近上代码。下面代码中需要引用jquery.js或者zepto.js能调页代事求都学是功发解开宗这维视如间请前框来总在行回断元随来以4移和泉果动标文件;
//毫秒数转换为目标显示文案方法
var getLastTime = function(seconds){
if(seconds<=0){
//return;
return 0+"天"+0+"小时"+0+"分钟"+0+"秒";
}
var days = Math.floor(seconds/(24*3600*1000));
var leave1=seconds%(24*3600*1000); //计算天数后剩余的毫秒数
var hours=Math.floor(leave1/(3600*1000));//计算相差分钟数
var leave2=leave1%(3600*1000); //计算小时数后剩余的毫秒数
var minutes=Math.floor(leave2/(60*1000));
var leave3=leave2%(60*1000); //计算分钟数后剩余的毫秒数
var seconds=Math.round(leave3/1000);
if(seconds==60){
seconds=0;
minutes=minutes+1;
}
if(hours<10){
hours="0"+hours;
}
if(minutes<10){
minutes="0"+minutes;
}
if(seconds<10){
seconds="0"+seconds;
}
return ""+days+"天:"+hours+":"+minutes+":"+seconds+"";//返回结果文案
};
//处理剩余时间的方法(seconds:还剩下的毫秒数;id:目标显示的元素(需要在哪个元素显示) )
var do_leave_time = function(seconds,id){
var time_text = getLastTime(seconds);
if($("#"+id).find(".last_time").size()>0){
$("#"+id).find(".last_time").html("还剩余"+time_text);
}else{
$("#"+id).find(".tit").after("
}
seconds=seconds-1000;
if(seconds<=-1000){
//getMoreFreeBooks();
$("#"+id).remove();
return;
}else{
setTimeout(function(){
do_leave_time(seconds,id);
},1000);
}
};
//left_time:还剩下的毫秒数;id:目标显示的元素(需要在哪个元素显示)
do_leave_time(left_time,id);
希望在这些代码案例在开发中帮到你,原创于猿2048。