这篇文章主要为大家详细介绍了基于 JavaScript 实现活动倒计时效果,距离活动时间还剩多少,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
- <!DOCTYPE html>
- <html>
- <head>
- <title>countDown</title>
- <style type="text/CSS">
- #mydiv{
- 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 div=document.getElementById("mydiv");
- 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){
- div.innerHTML="活动结束!";
- }else{
- div.innerHTML="距离活动时间还剩:"+day+"天"+hour+"小时"+minute+"分"+second+"秒";
- }
- }
- setInterval("countDown()",1000);
- </script>
- </head>
- <body>
- <div id="mydiv">倒计时</div>
- </body>
- </html>
来源: http://www.phperz.com/article/17/0521/333943.html