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