JavaScript實現(xiàn)的商品搶購倒計時功能示例
本文實例講述了JavaScript實現(xiàn)的商品搶購倒計時功能。分享給大家供大家參考，具體如下：
<html>
<head>
<meta charset="utf-8">
<title>JS搶購倒計時</title>
</head>
<body>
<span id="times" >
<SCRIPT LANGUAGE="JavaScript">
function _fresh()
{
var endtime=new Date("2017/4/23,19:33:12");
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 c=new Date();
var q=((c.getMilliseconds())%10);
document.getElementById("times").innerHTML=__d+"天 "+__h+"小時"+__m+"分"+__s+"."+q+"秒";
if(leftsecond<=0){
document.getElementById("times").innerHTML="搶購已結(jié)束";
clearInterval(sh);
}
}
_fresh()
var sh;
sh=setInterval(_fresh,100);
</SCRIPT>
</span>
</body>
</html>
運行效果圖如下：
PS：這里再為大家推薦幾款時間及日期相關(guān)工具供大家參考使用：
在線秒表工具：
http://tools.jb51.net/bianmin/miaobiao
在線日期/天數(shù)計算器：
http://tools.jb51.net/jisuanqi/date_jisuanqi
在線日期天數(shù)差計算器：
http://tools.jb51.net/jisuanqi/onlinedatejsq
Unix時間戳(timestamp)轉(zhuǎn)換工具：
http://tools.jb51.net/code/unixtime
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript時間與日期操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- JS實現(xiàn)針對給定時間的倒計時功能示例
- js實現(xiàn)倒計時效果（小于10補零）
- 原生js實現(xiàn)倒計時--2018
- js實現(xiàn)短信發(fā)送倒計時功能（正則驗證）
- js實現(xiàn)5秒倒計時重新發(fā)送短信功能
- 原生js實現(xiàn)節(jié)日時間倒計時功能
- JavaScript利用Date實現(xiàn)簡單的倒計時實例
- JS 倒計時實現(xiàn)代碼(時、分，秒)
- 簡單易用的倒計時js代碼
- js代碼實現(xiàn)點擊按鈕出現(xiàn)60秒倒計時
- js實現(xiàn)點擊獲取驗證碼倒計時效果
- JS倒計時代碼匯總
- js實現(xiàn)發(fā)送驗證碼后的倒計時功能
相關(guān)文章
JS函數(shù)式編程之純函數(shù)、柯里化以及組合函數(shù)
這篇文章主要介紹了JS函數(shù)式編程之純函數(shù)、柯里化以及組合函數(shù)，文章對三個函數(shù)進行分析講解，內(nèi)容也很容易理解，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2023-01-01
下面小編就為大家?guī)硪黄狫S公共小方法之判斷對象是否為domElement的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要為大家詳細介紹了js移動端事件基礎(chǔ)及常用事件庫，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
Promise說起來是一個非常簡單的概念，即使你沒有機會去使用它，很有可能你也了解過它。Promise是一個非常有價值的構(gòu)造器，能夠幫助你避免使用鑲套匿名方法，而使用更具有可讀性的方式組裝異步代碼。這里我們將介紹6個最簡單的特性，希望對大家有幫助2014-04-04
這篇文章主要為大家介紹了盤點7個簡單但棘手的JavaScript面試問題分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11
這篇文章主要為大家詳細介紹了如何使用JavaScript實現(xiàn)獲取audio時長,并且轉(zhuǎn)換為分鐘00:00:00格式,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-04-04
JavaScript 隱式類型轉(zhuǎn)換規(guī)則詳解
這篇文章主要為大家介紹了JavaScript 隱式類型轉(zhuǎn)換規(guī)則詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步早日升職加薪2023-05-05
JS實現(xiàn)的Object數(shù)組去重功能示例【數(shù)組成員為Object對象】
這篇文章主要介紹了JS實現(xiàn)的Object數(shù)組去重功能,可實現(xiàn)針對數(shù)組成員為Object對象的去重復(fù)功能,涉及javascript數(shù)組元素遍歷、屬性判斷等相關(guān)操作技巧,需要的朋友可以參考下2019-02-02
20分鐘打造屬于你的Bootstrap站點，學(xué)會使用twitter bootstrap建立一個站點，從而鞏固Bootstrap一系列基礎(chǔ)知識，感興趣的小伙伴們可以參考一下2016-07-07
150行代碼帶你實現(xiàn)微信小程序中的數(shù)據(jù)偵聽
在這篇文章中, 我將用150行代碼, 手把手帶你打造一個小程序也可以使用的偵聽器，感興趣的朋友跟隨小編一起看看吧2019-05-05