基于JS實現(xiàn)限時搶購倒計時間表代碼
更新時間：2017年05月09日 09:20:05 作者：ljheee
本文給大家分享一段簡單的代碼基于js實現(xiàn)限時搶購倒計時間表功能，非常不錯，代碼簡單易懂，需要的的朋友參考下吧
廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>限時搶購倒計時間表</title>
<style type="text/css">
*{margin:0;padding:0;}
#content{width:300px;margin:0 auto;padding:10px;background:#eee;border:1px solid #999;}
#content p span{color:red;font:bold 20px Arial;}
#content p a{font:12px/23px '宋體';color:#888;}
.div1{ display:none;}
</style>
<SCRIPT LANGUAGE="JavaScript">
function fresh()
{
var endtime=new Date("2110/11/06,12:20: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);
// document.getElementById("times").innerHTML=__h+"小時"+__m+"分"+__s+"秒";
document.getElementById("times").innerHTML=h+"小時"+m+"分"+s+"秒";
if(leftsecond<=0){
document.getElementById("times").innerHTML="已結(jié)束";
clearInterval(sh);
}
}
var sh;
sh=setInterval(fresh,1000);
</SCRIPT>
</head>
<body>
<div id="content">
<h1>限時搶購啦！</h1>
<p>還剩<span id="times"></span></p>
</div>
</body>
</html>
以上所述是小編給大家介紹的基于JS實現(xiàn)限時搶購倒計時間表代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
相關(guān)文章
最近開發(fā)微信小程序進(jìn)入到支付階段，一直以來從事App開發(fā)，所以支付流程還是熟記于心的。下面通過本文給大家講述下微信小程序進(jìn)行微信支付的步驟,需要的朋友可以參考下2016-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)圖片放大預(yù)覽功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章將深入探討閉包和內(nèi)存泄漏之間的關(guān)系，并通過具體的代碼案例來證明閉包并不必然導(dǎo)致內(nèi)存泄漏，感興趣的小伙伴可以跟隨小編一起了解一下2023-06-06
本文主要對javascript解析器的工作原理進(jìn)行實例分析，具有很好的參考價值，下面就跟小編一起來看下吧2016-12-12
這篇文章主要介紹了js實現(xiàn)動態(tài)加載腳本的方法,以實例形式匯總并分析了幾種常用的JavaScript動態(tài)加載腳本的技巧,非常具有實用價值,需要的朋友可以參考下2015-11-11
本文是給大家分享一段簡單的實現(xiàn)圖片預(yù)加載技術(shù)的javascript代碼，超級精簡，卻很實用，這里推薦給大家2014-12-12
Javascript實現(xiàn)的類似Google的Div拖動效果代碼
Javascript實現(xiàn)的類似Google的Div拖動效果代碼，需要的朋友可以參考下。2011-08-08
javascript獲取頁面的高度及滾動條的位置的代碼，需要的朋友可以參考下。2010-05-05
JavaScript如何將base64圖片轉(zhuǎn)化為URL格式
這篇文章主要給大家介紹了關(guān)于JavaScript如何將base64圖片轉(zhuǎn)化為URL格式的相關(guān)資料,Base64是一種編碼方式,而不是真正的加密方式,即使算Base64也僅用作一個簡單的加密來保護(hù)某些數(shù)據(jù),而真正的加密通常都比較繁瑣,需要的朋友可以參考下2023-07-07
這篇文章主要為大家詳細(xì)解析了復(fù)雜的javascript窗口分幀，什么是窗口分幀，JavaScript中幀窗口之間的關(guān)系，感興趣的小伙伴們可以參考一下2016-02-02