用jquery搞了一个倒计时

到了广州,原本决定国庆之后去面试的,杭州那家创业公司,之前也谈好了,说过去看看,福州网龙公司,看了我的静态页面,让我继续做js动态效果,一切都是未知数。

我做了一个决定,选择从商,和朋友自主创业,看重这个地带的商机,当然,我负责做网站,设计,广告图那些,他负责去外交,联系,业务,剩下两个月过年了,我们用两个月的时间去试试,毕竟,在怎么样,创业比打工自由的多,不像厦门的公司,说倒闭马上就倒闭了,哈哈,还是第一次遇到这样的事情,哎,4个月的寿命,为它惋惜呀。

不要忘记自己的野心,想做就去做,虽然这份工作不像在写字楼坐办公室那样轻松,光鲜,但自己会接触很多东西,也能学到很多,和朋友一起合作,也放心的多。

万事开头难,前期很累,得一个人设计,一个写样式,一个人弄淘宝,一个人弄图片,挖,但是,毕竟是为自己做事,积极性更高,如果试了不行,明年出来,我还是得去找工作,这两个月即便我自己在做事,也绝对不能放弃学javascript,否则,要是这条路失败了,我也会落后于别人的。

回到主题,刚刚在写网龙乐印的首页,倒计时,模仿它网站上的代码,代码如下:

 

  1. <div class="time_buy"> 
  2.                     <p class="time" id="daojis"></p> 
  3.                     <ul class="time_col"> 
  4.                         <li><img src="pic/buy_icon_1.gif"  alt="" /><p>LOVE心形水晶</p><p>原价:<del>168.00</del></p><p>现价:150.00</p><input id="endTime" type="hidden"  value=2011/10/5  12:00:00/> </li> 
  5.                         <li><img src="pic/buy_icon_2.gif"  alt="" /><p>LOVE心形水晶</p><p>原价:<del>168.00</del></p><p>现价:150.00</p><input id="endTime" type="hidden"  value=2011/10/5  12:00:00/> </li> 
  6.                         <li><img src="pic/buy_icon_1.gif"  alt="" /><p>LOVE心形水晶</p><p>原价:<del>168.00</del></p><p>现价:150.00</p><input id="endTime" type="hidden"  value=2011/10/5  12:00:00/> </li> 
  7.                     </ul> 
  8.                     <ul class="time_con"><img src="pic/buy_con.gif"  alt="" /></ul> 
  9.                 </div> 
  1. $(document).ready(function() { 
  2.            var endtime = new Date($("#endTime").val() + " 12:00:00"); // 结束日期 
  3.            var thisTime = new Date(); // 当前服务器时间 
  4.            var nowtime = thisTime.getTime(); // 服务器当前时间总的秒数 
  5.            var leftsecond = 0; 
  6.            var sh; 
  7.  
  8.            // 倒计时 
  9.            function _fresh() { 
  10.                nowtime = nowtime + 1000; //间隔1秒,毫秒加1000 
  11.                leftsecond = parseInt((endtime.getTime() - nowtime) / 1000); 
  12.                //alert(leftsecond); 
  13.                __d = parseInt(leftsecond / 3600 / 24) <= 9 ? +"0" + parseInt(leftsecond / 3600 / 24).toString() : parseInt(leftsecond / 3600 / 24); 
  14.                __h = parseInt((leftsecond / 3600) % 24) <= 9 ? +"0" + parseInt((leftsecond / 3600) % 24).toString() : parseInt((leftsecond / 3600) % 24); 
  15.                __m = parseInt((leftsecond / 60) % 60) <= 9 ? +"0" + parseInt((leftsecond / 60) % 60).toString() : parseInt((leftsecond / 60) % 60); 
  16.                __s = parseInt(leftsecond % 60) <= 9 ? +"0" + parseInt(leftsecond % 60).toString() : parseInt(leftsecond % 60); 
  17.  
  18.                $("#daojis").html("仅剩:<em>" + __h + "</em>时<em>" + __m + "</em>分<em>" + __s + "</em>秒"); 
  19.  
  20.                if (leftsecond <= 0) { 
  21.                    $("#daojis").html("特价已结束"); 
  22.                    clearInterval(sh); 
  23.                } 
  24.            } 
  25.            _fresh() 
  26.            sh = setInterval(_fresh, 1000); 
  27.  
  28.        }) 

不明白html页面中为何要加这句代码:

<input id="endTime" type="hidden"  value=2011/10/5  12:00:00/>   求解释。。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章