精确到毫秒jQuery倒计时代码.zip资源-CSDN文库

共3个文件

js：1个

jpg：1个

html：1个

版权申诉

html5

jQuery

javascript

76 浏览量 2022-11-25 10:22:22 上传评论收藏 44KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

精确到毫秒jQuery倒计时代码.zip （3个子文件）

精确到毫秒jQuery倒计时代码

jiaoben3255

index.html 4KB

jquery.min.js 93KB

精确到毫秒jQuery倒计时代码.jpg 15KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>精确到毫秒jQuery倒计时代码 - 网页模板</title> <script type="text/javascript" src="js/jquery.min.js"></script> </head> <body> <script type="text/javascript"> var fnTimeCountDown = function(d, o){ var f = { haomiao: function(n){ if(n < 10)return "00" + n.toString(); if(n < 100)return "0" + n.toString(); return n.toString(); }, zero: function(n){ var n = parseInt(n, 10);//解析字符串,返回整数 if(n > 0){ if(n <= 9){ n = "0" + n; } return String(n); }else{ return "00"; } }, dv: function(){ //d = d || Date.UTC(2050, 0, 1); //如果未定义时间，则我们设定倒计时日期是2050年1月1日 var now = new Date(); //现在将来秒差值 //alert(future.getTimezoneOffset()); var dur = (d - now.getTime()) / 1000 , mss = d - now.getTime() ,pms = { hm:"000", sec: "00", mini: "00", hour: "00", day: "00", month: "00", year: "0" }; if(mss > 0){ pms.hm = f.haomiao(mss % 1000); pms.sec = f.zero(dur % 60); pms.mini = Math.floor((dur / 60)) > 0? f.zero(Math.floor((dur / 60)) % 60) : "00"; pms.hour = Math.floor((dur / 3600)) > 0? f.zero(Math.floor((dur / 3600)) % 24) : "00"; pms.day = Math.floor((dur / 86400)) > 0? f.zero(Math.floor((dur / 86400)) % 30) : "00"; //月份，以实际平均每月秒数计算 pms.month = Math.floor((dur / 2629744)) > 0? f.zero(Math.floor((dur / 2629744)) % 12) : "00"; //年份，按按回归年365天5时48分46秒算 pms.year = Math.floor((dur / 31556926)) > 0? Math.floor((dur / 31556926)) : "0"; }else{ pms.year=pms.month=pms.day=pms.hour=pms.mini=pms.sec="00"; pms.hm = "000"; alert('结束了'); return; } return pms; }, ui: function(){ if(o.hm){ o.hm.html(f.dv().hm); } if(o.sec){ o.sec.html(f.dv().sec); } if(o.mini){ o.mini.html(f.dv().mini); } if(o.hour){ o.hour.html(f.dv().hour); } if(o.day){ o.day.html(f.dv().day); } if(o.month){ o.month.html(f.dv().month); } if(o.year){ o.year.html(f.dv().year); } setTimeout(f.ui, 1); } }; f.ui(); }; </script> <DIV id=time_conter style="background:rgb(183,17,41); WIDTH: 100%; color:#fff;FONT-FAMILY: arial; TEXT-ALIGN: center;"> <P style="font-size:.8em;line-height:2em;">距活动结束还有：</P> <DIV id="timejs" style="FONT-SIZE: .9em"> <SPAN id="day" class="day time_td">00</SPAN>天 <SPAN id="hour" class="hour time_td">00</SPAN>时 <SPAN id="mini" class="time_td mini ml5">00</SPAN>分 <SPAN id="sec" class="sec time_td">00</SPAN>秒 <SPAN id="hm" class="hm time_td">000</SPAN> </DIV> </DIV> <script type="text/javascript"> var zxx = { obj: function(){ return { hm: $("#hm"), sec: $("#sec"), mini: $("#mini"), hour: $("#hour"), day: $("#day"), month: $("#month"), year: $("#year") } } }; fnTimeCountDown('1427982400000', zxx.obj()); </script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉