JS實現的仿淘寶交易倒計時效果
更新時間：2015年11月27日 09:29:24 作者：Jimmy.Yang
這篇文章主要介紹了JS實現的仿淘寶交易倒計時效果,涉及JavaScript針對時間與日期的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS實現的仿淘寶交易倒計時效果。分享給大家供大家參考，具體如下：
<script type="text/javascript">
var StartTime = new Date("2015/11/11 12:34:03");
document.write("訂購時間: " + StartTime.toLocaleDateString() + StartTime.toLocaleTimeString() + "<br/>");
var CurrentTime = new Date();
document.write("當前時間: " + CurrentTime.toLocaleDateString() + CurrentTime.toLocaleTimeString() + "<br/>");
var EndTime=StartTime.getTime() + 15*24*60*60*1000;//約定訂購時間15天后關閉交易
EndTime = new Date(EndTime);
document.write("結束時間: " + EndTime.toLocaleDateString() + EndTime.toLocaleTimeString() + "<br/>");
var TempTime = StartTime;
var nMS,nD,nH,nM,nS;
function ShowCloseTime(){
var oDate = new Date();
nMS=EndTime-oDate ;
nD=Math.floor(nMS/(1000*60*60*24));
nH=Math.floor(nMS/(1000*60*60)) % 24 ;
nM=Math.floor(nMS/(1000*60)) % 60;
nS=Math.floor(nMS/1000) % 60;
document.getElementById("CloseTime").innerHTML = ("您還有" + nD + "天" + nH + "小時" + nM + "分" + nS + "秒完成交易");
if (nS<0 || nM<0 || nH<0 || nD<0)
{
document.getElementById("CloseTime").innerHTML = "交易因超過15天,已被系統自動關閉"
clearInterval(CloseTimer);
}
}
var CloseTimer = window.setInterval("ShowCloseTime()",1000)
</script>
<div id="CloseTime"></div>
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要介紹了js驗證整數加保留小數點的簡單實例，有需要的朋友可以參考一下2013-12-12
JS沒有提供方便使用的Formatter函數，用字符拼接的方式看起來混亂難讀，下面是JS簡單實現版本(沒有嚴格測試)2014-08-08
這篇文章主要給大家總結介紹了關于JavaScript類型相關的常用操作，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-02-02
適用于javascript開發(fā)者的Processing.js入門教程
這篇文章主要介紹了適用于javascript開發(fā)者的Processing.js入門教程，感興趣的小伙伴們可以參考一下2016-02-02
JavaScript如何通過userAgent判斷幾個常用瀏覽器詳解
userAgent 屬性是一個只讀的字符串,聲明了瀏覽器用于 HTTP 請求的用戶代理頭的值,這篇文章主要給大家介紹了關于JavaScript如何通過userAgent判斷幾個常用瀏覽器的相關資料,需要的朋友可以參考下2021-06-06
杰奇小說系統用到的翻頁函數，支持firefox，官方自帶的模板不支持，這樣大家就可以用firefox瀏覽網頁了，在網頁木馬橫行的今天，firefox比ie要安全不少2008-07-07
這篇文章主要為大家詳細介紹了JS實現猜拳游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要介紹了javascript 數組(list)添加/刪除，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-12-12
這篇文章主要介紹了javascript實現控制瀏覽器全屏的代碼分享給大家，十分的實用，有需要的小伙伴可以參考下。2015-03-03
JavaScript使ifram跨域相互訪問及與PHP通信的實例
這篇文章主要介紹了JavaScript使ifram跨域相互訪問及與PHP通信的實例,同時對同域間的訪問也作了詳細的演示,需要的朋友可以參考下2016-03-03