asp.net 購物網站倒數計時功能

暖楓無敵發表於2013-10-01

在購物網站中經常會見到倒數計時的功能,這裡簡單做個demo,是從資料庫中取得團購的結束時間,主要程式碼如下:

<script type="text/javascript">
        function fresh() {
            var d = "<%=G_DATE %>";
            var endtime = new Date(d);
            var nowtime = new Date();
            var leftsecond = parseInt((endtime.getTime() - nowtime.getTime()) / 1000);
            d = parseInt(leftsecond / 3600 / 24);
            h = parseInt((leftsecond / 3600) % 24);
            m = parseInt((leftsecond / 60) % 60);
            s = parseInt(leftsecond % 60);
            var msg = "還剩餘"+d+"天"+h+“小時”+m+"分"+s+“秒!”;
            if (leftsecond <= 0) {
                $("#clock").html("團購已結束!");
                clearInterval(sh);
            }
        }
        fresh();
        var sh;
        sh = setInterval(fresh, 1000);  
    </script>

<div id="clock">
           
 </div>

public string G_DATE = "";
public void Page_Load(object sender,EventArgs e)
{
       if(!IsPostBack)
      {
            //從資料庫表中獲取對應的結束時間
            G_DATE = "2013/10/01 18:18:00";
      }
}


 


相關文章