Dieser Artikel stellt hauptsächlich den auf JavaScript basierenden Ereignis-Countdown-Effekt vor, wie viel Zeit bis zum Ereignis verbleibt und hat einen gewissen Referenzwert. Interessierte Freunde können sich darauf beziehen
Das Beispiel in diesem Artikel teilt den spezifischen Code des js-Countdown-Effekts als Referenz. Der spezifische Inhalt ist wie folgt
<!DOCTYPE html>
<html>
<head>
<title>countDown</title>
<style type="text/css">
#myp{
width:150px;
background-color:green;
margin:0 auto;
padding:0 auto;
color:pink;
}
</style>
<script type="text/javascript">
<!-- 秒数可修改-->
var second=50;
<!-- 分钟可修改-->
var minute=1;
<!-- 小时可修改-->
var hour=1;
<!-- 天数可修改-->
var day=1;
var flag=false;
function countDown(){
var p=document.getElementById("myp");
second-=1;
if(second==0){
minute=minute-1;
second=60;
if(minute<0){
hour=hour-1;
minute=59;
if(hour<0){
day-=1;
hour=23;
if(day<0){
flag=true;
}
}
}
}
if(flag){
p.innerHTML="活动结束！";
}else{
p.innerHTML="距离活动时间还剩："+day+"天"+hour+"小时"+minute+"分"+second+"秒";
}
}
setInterval("countDown()",1000);
</script>
</head>
<body>
<p id="myp">倒计时</p>
</body>
</html>Das obige ist der detaillierte Inhalt vonGemeinsame Nutzung von JavaScript-Code zur Implementierung des Ereignis-Countdown-Effekts. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
