用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/>   求解釋。。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章