用JQuery實現倒計時

來源:互聯網
上載者:User
用Jquery實現倒計時,首先我們可以從資料庫裡讀取時間欄位,我們可以在webservice裡從資料庫讀取欄位 ,在這裡就不詳細寫了。。。。。

當我們在webservice裡讀取到資料庫中的時間欄位後,把時間分割判斷。Javascript代碼如下:
<script type="text/javascript" src ="jquery-1[1].2.6.js"></script>
<script type="text/javascript">

function Times() {

var tempTime=document.getElementById("currTime").innerHTML.split(":");
var hour=tempTime[0];
var minute=tempTime[1];
var second=tempTime[2];
if(second>=1)
{
second=(second-1>9)?(second-1):"0"+(second-1);
}
else
{
   second="59";
     if(minute>=1){
         minute=(minute-1>9)?(minute-1):"0"+(minute-1);
     }else{
       minute="59"; 
         if(hour>=1){
            hour=(hour-1>9)?(hour-1):"0"+(hour-1);
         }else{
           minute="00";
           hour="0"+0;
         }
     }
}
document.getElementById("currTime").innerHTML=hour+":"+minute+":"+second;
if(hour==0&&minute==0&&second==0)
{
document .getElementById ("currTime").style .display ="none";   
}
else
setTimeout  (Times,1000);
}

//當表單載入是調用。相當於onload()事件
 (function gettime()
    {
    $.ajax({
   contentType:"application/json",
   type: "POST",
   url: "WebService.asmx/Gettime",
   data: "{'id':'1'}",
   dataType: 'json',
   success: function(msq){
    document .getElementById ("currTime").innerHTML =msq.d ;
   }
    });
         setTimeout (Times,1000) ;
 })();
 </script>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.