Maison > Article > interface Web > Partage de code JavaScript pour implémenter l'effet de compte à rebours des événements
Cet article présente principalement en détail l'effet de compte à rebours de l'événement basé sur JavaScript, le temps restant avant l'événement, et a une certaine valeur de référence. Les amis intéressés peuvent s'y référer
. L'exemple de cet article partage le code spécifique de l'effet de compte à rebours js pour votre référence. Le contenu spécifique est le suivant
<!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>.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!