限時(shí)搶購-倒計(jì)時(shí)的完整實(shí)例(分享)
更新時(shí)間：2017年09月17日 08:47:17 作者：喵嘻嘻
下面小編就為大家?guī)硪黄迺r(shí)搶購-倒計(jì)時(shí)的完整實(shí)例(分享)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
如下所示：
<!DOCTYPE HTML>
<html>
<head>
<meta charset=utf-8"/>
<title>團(tuán)購——限時(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)購已結(jié)束";
clearInterval(sh);
}
}
var sh;
sh = setInterval(function () {
FreshTime()
},500);
</script>
</body>
</html>
效果圖：
以上這篇限時(shí)搶購-倒計(jì)時(shí)的完整實(shí)例(分享)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
IE6/7 and IE8/9/10(IE7模式)依次隱藏具有absolute或relative的父元素和子元素后再顯示
多數(shù)情況下隱藏(設(shè)置display:none)一個(gè)元素，無需依次將其內(nèi)的所有子元素都隱藏。非要這么做，有時(shí)會(huì)碰到意想不到的bug。2011-07-07
在寫 JavaScript 腳本的時(shí)候，為了創(chuàng)建一個(gè)類，如果不使用框架，一般情況我們都會(huì)使用 prototype 來給要?jiǎng)?chuàng)建的類增加公有方法2009-06-06
javascript入門之window對(duì)象【新手必看】
本文系統(tǒng)介紹了javascript的window對(duì)象以及一些控制函數(shù)的用法,僅供大家參考2016-11-11
JS生成不重復(fù)隨機(jī)數(shù)組的函數(shù)代碼
這篇文章主要介紹了JS生成不重復(fù)隨機(jī)數(shù)組的函數(shù)代碼,需要的朋友可以參考下2014-06-06
10個(gè)功能強(qiáng)大的JavaScript動(dòng)畫庫分享
動(dòng)畫,從人群中脫穎而出、吸引訪客注意力的絕佳方式,本文將給大家分享10 個(gè)功能強(qiáng)大的 JavaScript 動(dòng)畫庫,有了這 10 個(gè)功能強(qiáng)大的 JavaScript 庫,創(chuàng)建動(dòng)畫再簡(jiǎn)單不過了,感興趣的同學(xué)可以參考閱讀2023-09-09
今天小編就為大家分享一篇layer.confirm取消按鈕綁定事件的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了JavaScript判斷頁面滾動(dòng)方向的三種方法：使用變量記錄、使用更精確的 delta 值判斷和使用 requestAnimationFrame 優(yōu)化性能,并通過代碼講解的非常詳細(xì),需要的朋友可以參考下2025-04-04
本篇文章主要是對(duì)js 操作select與option的示例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
這篇文章主要介紹了詳解webpack-dev-server使用方法,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09
純html+css+javascript實(shí)現(xiàn)樓層跳躍式的頁面布局（實(shí)例代碼）
這篇文章主要介紹了純html+css+javascript實(shí)現(xiàn)樓層跳躍式的頁面布局,需要的朋友可以參考下2017-10-10