首页 > 代码库 > JQuery倒计时和按照指定长度为数字前面补零
JQuery倒计时和按照指定长度为数字前面补零
JQuery按照指定长度为数字前面补零
function PrefixInteger(num, length) { return (Array(length).join(‘0‘) + num).slice(-length); }
PrefixInteger(8,2); 返回08,表示长度为2,数字8前面补一个0。
JQuery倒计时
var rest = 4350859; //时间戳 console.log(rest); $day = Math.floor(rest/(60*60*24)); console.log($day); $hour = Math.floor((rest - $day * (60*60*24))/(60*60)); console.log($hour); $minite = Math.floor((rest - $day * (60*60*24) - $hour * (60*60))/60); console.log($minite); $second = Math.floor(rest - $day * (60*60*24) - $hour * (60*60) - $minite * 60); console.log($second); $day = PrefixInteger($day,2); $hour = PrefixInteger($hour,2); $minite = PrefixInteger($minite,2); $second = PrefixInteger($second,2); $("#my_day").html($day); $("#my_hour").html($hour); $("#my_minite").html($minite); $("#my_second").html($second); window.setInterval(function(){ rest--; console.log(rest); $day = Math.floor(rest/(60*60*24)); console.log($day); $hour = Math.floor((rest - $day * (60*60*24))/(60*60)); console.log($hour); $minite = Math.floor((rest - $day * (60*60*24) - $hour * (60*60))/60); console.log($minite); $second = Math.floor(rest - $day * (60*60*24) - $hour * (60*60) - $minite * 60); console.log($second); $day = PrefixInteger($day,2); $hour = PrefixInteger($hour,2); $minite = PrefixInteger($minite,2); $second = PrefixInteger($second,2); $("#my_day").html($day); $("#my_hour").html($hour); $("#my_minite").html($minite); $("#my_second").html($second); },1000);
html代码: <ul class="countdown"> <li> <span class="days" id="my_day">00</span> <p class="days_ref">天</p> </li> <li class="seperator">.</li> <li> <span class="hours" id="my_hour">00</span> <p class="hours_ref">时</p> </li> <li class="seperator">:</li> <li> <span class="minutes" id="my_minite">00</span> <p class="minutes_ref">分</p> </li> <li class="seperator">:</li> <li> <span class="seconds" id="my_second">00</span> <p class="seconds_ref">秒</p> </li> </ul>
这样倒计时功能就完成了,这里css样式就需要大家自己去写了!!!
本文出自 “高万耀” 博客,请务必保留此出处http://gaowanyao.blog.51cto.com/11272977/1947145
JQuery倒计时和按照指定长度为数字前面补零
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。