suchen

Heim >Web-Frontend >js-Tutorial >Javascript-E-Commerce-Website, Rush-Kauf-Countdown-Effekt, Implementierung_Javascript-Kenntnisse

Javascript-E-Commerce-Website, Rush-Kauf-Countdown-Effekt, Implementierung_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 15:31:061409Durchsuche

Das Beispiel in diesem Artikel beschreibt den Implementierungscode des Countdown-Effekts für den Rush-Kauf einer Javascript-E-Commerce-Website. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Der Screenshot des Laufeffekts sieht wie folgt aus: 

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>团购——限时抢</title>

</head>

<body>

<div class="time"> <span id="LeftTime"></span></div>
</div>
<script>
function FreshTime()
{
    var endtime=new Date("2015/11/20,12:20:12");//结束时间
    var nowtime = new Date();//当前时间
    var lefttime=parseInt((endtime.getTime()-nowtime.getTime())/1000); 
    d=parseInt(lefttime/3600/24);
    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);
    }
}
    FreshTime();
    var sh;
    sh=setInterval(FreshTime,1000);
</script>
</body>
</html>

Ein sehr einfacher zeitlich begrenzter Snap-up-Countdown für Gruppenkäufe, der sich besonders für Countdown-Snap-up-Aktivitäten wie die heutigen Gruppenkauf-Websites, E-Commerce-Websites, Portale usw. eignet. Ich hoffe, dieser Artikel kann jedem helfen, die Implementierungsmethode zu meistern des Javascript-Countdown-Effekts.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：jQuery-1.9.1 Quellcode-Analysereihe (10) Ereignissystemstruktur von Event System_jqueryNächster Artikel：jQuery-1.9.1 Quellcode-Analysereihe (10) Ereignissystemstruktur von Event System_jquery

In Verbindung stehende Artikel

Mehr sehen