您當(dāng)前位置：首頁 > web前端 > jscript > 倒計(jì)時(shí)搶購JS代碼，結(jié)束有提示已結(jié)束

倒計(jì)時(shí)搶購JS代碼，結(jié)束有提示已結(jié)束

來源：程序員人生發(fā)布時(shí)間：2014-03-24 08:54:03 閱讀次數(shù)：3662次

　　自今年一批團(tuán)購網(wǎng)站集中開建以來，僅幾個(gè)月的時(shí)間，就先后涌現(xiàn)了大批團(tuán)購網(wǎng)站。網(wǎng)絡(luò)團(tuán)購以低價(jià)、返利模式吸引消費(fèi)者。

　　縱觀這些團(tuán)購網(wǎng)站都不難發(fā)現(xiàn)他們都是有很多共同之處，譬如在界面及前端設(shè)計(jì)方面就有很多相似之處。一般都有：誘人的超低價(jià)格，購買按鈕，多數(shù)都是左右結(jié)構(gòu)，產(chǎn)品圖片及特點(diǎn)等，另外還有就是標(biāo)志性的倒計(jì)時(shí)搶購功能。

團(tuán)購倒計(jì)時(shí)搶購功能（JS代碼）團(tuán)購網(wǎng)站前端設(shè)計(jì)特點(diǎn)

　　在前面曾經(jīng)有篇文章《購物商城限時(shí)搶購，倒計(jì)時(shí)JS代碼》，基本上實(shí)現(xiàn)了倒計(jì)時(shí)功能，但好少了一個(gè)到期提示“搶購已結(jié)束”。

團(tuán)購倒計(jì)時(shí)搶購功能（JS代碼）搶購結(jié)束

　　點(diǎn)擊查看：DEMO演示（提示：如果您于2010年12月1日后查看，則提示：搶購已結(jié)束）

JS代碼如下：
<SCRIPT LANGUAGE="JavaScript">
function _fresh()
{
var endtime=new Date("2010/12/01,00:00:00");
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=__d+"天 "+__h+"小時(shí)"+__m+"分"+__s+"秒";
if(leftsecond<=0){
document.getElementById("times").innerHTML="搶購已結(jié)束";
clearInterval(sh);
}
}
_fresh()
var sh;
sh=setInterval(_fresh,1000);
</SCRIPT>
Html代碼如下：
<div id="content">
<h1>限時(shí)搶購啦！</h1>
<p>還剩<span id="times"></span></p>
<p><a href="http://www.webbise.com">web前端寒風(fēng)</a></p>
</div>

　　小插曲：

　　在寫這個(gè)JS代碼時(shí)，我將時(shí)間寫成了“var endtime=new Date("10-18,2010 12:57:00");”格式時(shí)，在Firefox瀏覽器下出現(xiàn)錯(cuò)誤，而在IE中并未錯(cuò)誤。

　　本文出處：http://www.webbise.com

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)
程序員人生

------分隔線----------------------------

上一篇 網(wǎng)友問答：IIS發(fā)布站點(diǎn)要密碼故障精解

下一篇 JavaScript 實(shí)現(xiàn)在網(wǎng)頁上進(jìn)行拖拽效果

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關(guān)注

欄目熱點(diǎn)

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

倒計(jì)時(shí)搶購JS代碼，結(jié)束有提示已結(jié)束