asp.net 購物網站倒數計時功能
在購物網站中經常會見到倒數計時的功能,這裡簡單做個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";
}
}
相關文章
- 倒數計時
- 芒果圈購物網站網站
- 商品搶購倒數計時效果程式碼例項
- Jquery 實現頁面倒數計時的功能jQuery
- JavaScript倒數計時JavaScript
- 商城倒數計時
- 直播網站原始碼,Canvas實現圓形時間倒數計時進度條網站原始碼Canvas
- 購物網站的設計與實現論文網站
- win10桌面倒數計時設定方法_win10倒數計時功能怎麼放在桌面Win10
- 直播網站程式原始碼,採用Redis實現購物車功能網站原始碼Redis
- 直播平臺搭建,計時和倒數計時功能的分別實現
- RxJava2系列實踐之倒數計時功能(三)RxJava
- 倒數計時34天
- 倒數計時2天!
- 倒數計時1天
- 倒數計時2天
- 倒數計時(天、時、分、秒)
- canvas環形倒數計時Canvas
- 用 bash 倒數計時日期
- Android中handler倒數計時Android
- CountDownTimer使用——android倒數計時Android
- 小程式倒數計時深究
- 點選button倒數計時
- Axure之倒數計時效果
- laravel 9 倒數計時了Laravel
- 如何寫好倒數計時
- 網頁倒數計時跳轉程式碼例項網頁
- 第三屆“強網杯”倒數計時5天!
- 第三屆“強網杯”報名倒數計時!!!
- js自動倒數計時程式碼,倒數計時完畢時自動停止迴圈JS
- 倒數計時4天UnityVisionVR/ARSummitAsia20165折門票搶購中UnityVRMIT
- Flutter倒數計時/計時器的實現Flutter
- 萬物智聯的5G倒數計時|AI的朋友(三)AI
- flutter 購物車功能Flutter
- 視訊直播系統原始碼,倒數計時顯示,商品秒殺倒數計時原始碼
- js cookie 頁面倒數計時JSCookie
- Canvas環形倒數計時元件Canvas元件
- jQuery 倒數計時效果詳解jQuery
- jquery 60s倒數計時jQuery