用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>