限時搶購-倒計時的完整實例(分享)
更新時間：2017年09月17日 08:47:17 作者：喵嘻嘻
下面小編就為大家?guī)硪黄迺r搶購-倒計時的完整實例(分享)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
如下所示：
<!DOCTYPE HTML>
<html>
<head>
<meta charset=utf-8"/>
<title>團購——限時搶</title>
</head>
<body>
<div>
<div class="time">還剩 <span id="LeftTime"></span></div>
</div>
<script>
function FreshTime() {
var endtime = new Date("2017/10/15,12:20:12");//結(jié)束時間
var nowtime = new Date();//當前時間
var lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000);
d = parseInt(lefttime / (24 * 3600));
h = parseInt(lefttime /3600%24);
m = parseInt(lefttime/60%60);
s = parseInt(lefttime % 60);
document.getElementById("LeftTime").innerHTML = d + "天" + h + "小時" + m + "分" + s + "秒";
if (lefttime <= 0) {
document.getElementById("LeftTime").innerHTML = "團購已結(jié)束";
clearInterval(sh);
}
}
var sh;
sh = setInterval(function () {
FreshTime()
},500);
</script>
</body>
</html>
效果圖：
以上這篇限時搶購-倒計時的完整實例(分享)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了Bootstrap媒體對象的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
相信不少同學在面試的時候經(jīng)常在基礎(chǔ)上就掛掉了，當下行情實屬嚴峻，如果我們基礎(chǔ)都沒有打牢固的話，實屬有點面試浪費機會。本文就來和大家聊聊JavaScript中的原型&原型鏈，希望對大家有所幫助2023-02-02
下面小編就為大家?guī)硪黄７聀assword輸入框的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
Layer組件多個iframe彈出層打開與關(guān)閉及參數(shù)傳遞的方法
今天小編就為大家分享一篇Layer組件多個iframe彈出層打開與關(guān)閉及參數(shù)傳遞的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
微信小程序?qū)崿F(xiàn)的canvas合成圖片功能示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)的canvas合成圖片功能,結(jié)合實例形式分析了微信小程序canvas合成圖片相關(guān)組件使用、操作步驟與注意事項,需要的朋友可以參考下2019-05-05
如果用戶在微信客戶端中訪問第三方網(wǎng)頁,公眾號可以通過微信網(wǎng)頁授權(quán)機制,來獲取用戶基本信息,進而實現(xiàn)業(yè)務(wù)邏輯,這篇文章主要給大家介紹了關(guān)于微信公眾號授權(quán)的相關(guān)資料,需要的朋友可以參考下2021-07-07
JavaScript開發(fā)簡單易懂的Svelte實現(xiàn)原理詳解
這篇文章主要為大家介紹了JavaScript開發(fā)簡單易懂的Svelte實現(xiàn)原理的內(nèi)容詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步2021-11-11
js換膚功能的實現(xiàn)原理非常簡單，就是使用js切換對應(yīng)的css樣式表文件，本文重點給大家介紹JavaScript實現(xiàn)換膚功能，感興趣的朋友參考下吧2017-09-09
在JS中a標簽加入單擊事件屏蔽href跳轉(zhuǎn)頁面
這篇文章主要介紹了JS中a標簽加入單擊事件屏蔽href跳轉(zhuǎn)頁面的相關(guān)資料,需要的朋友可以參考下2016-12-12
本文詳細介紹下，如何動態(tài)加載外部js文件及js；動態(tài)加載外部css樣式及css樣式，感興趣的朋友可以參考下哈，希望對你學習js有所幫助2013-04-04