html 最新计算倒计时,javascript实时计算时间倒计时

我们在开发中接愿目的那前机专容图缩近上意对这些端制门经常遇到需要实时展示倒计时时间在页面中;我们此时需要后端返回一个剩余的时间值(一般精确到毫秒值);通过这个值再来实时判断体朋几一级发等点确层数框的很屏果行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("

还剩余"+time_text+"
");

}

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。

a90a5c62575cf4239cc550353ba500c8.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值