例子1
代码如下 | 复制代码 |
倒计时<span id="mTime" style="font-size:36px;color:Red">60</span>秒。 <script type="text/javascript"> //页面加载完成就开始执www.111cn.net行倒计时功能 $(document).ready(function () { timeDown(); }); //jQuery 倒计时功能 |
例子2
代码如下 | 复制代码 |
<!--载入jQuery库--> <script type="text/javascript" src=" jquery-1.7.2.min.js"></script> <!--min为分钟,sec为秒钟--> <script> |
例子3
代码如下 | 复制代码 |
var fnTimeCountDown = function(d, o){ var f = { 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 future = new Date(d), now = new Date(); //现在将来秒差值 var dur = Math.round((future.getTime() - now.getTime()) / 1000) + future.getTimezoneOffset() * 60, pms = { sec: "00", mini: "00", hour: "00", day: "00", month: "00", year: "0" }; if(dur > 0){ 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"; } return pms; }, ui: function(){ if(o.sec){ o.sec.innerHTML = f.dv().sec; } if(o.mini){ o.mini.innerHTML = f.dv().mini; } if(o.hour){ o.hour.innerHTML = f.dv().hour; } if(o.day){ o.day.innerHTML = f.dv().day; } if(o.month){ o.month.innerHTML = f.dv().month; } if(o.year){ o.year.innerHTML = f.dv().year; } setTimeout(f.ui, 1000); } }; f.ui(); }; |
有一些倒计时会有一些效果,这些效果只是我们做的input框的效果了,大家可以让美工自行做一下,我们只要知道倒计时调用的ID名字就可以了,只要ID名字不改变就没有关系的哦。