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