JavaScript实现活动倒计时效果的代码分享

来源：懂视网责编：小OO 时间：2020-11-27 20:23:02

JavaScript实现活动倒计时效果的代码分享

本文实例为大家分享了js倒计时效果的具体代码，供大家参考，具体内容如下：<。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；<；

推荐度：

点击下载本文 文档为doc格式

导读本文实例为大家分享了js倒计时效果的具体代码，供大家参考，具体内容如下：<。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；<；

这篇文章主要为大家详细介绍了基于JavaScript实现活动倒计时效果，距离活动时间还剩多少，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了js倒计时效果的具体代码，供大家参考，具体内容如下

<!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>

JavaScript实现活动倒计时效果的代码分享

推荐度：

点击下载本文 文档为doc格式

标签：分享实现 js

热门焦点

JavaScript实现活动倒计时效果的代码分享

JavaScript实现活动倒计时效果的代码分享

JavaScript实现活动倒计时效果的代码分享

最新推荐

猜你喜欢

热门推荐