基于JavaScript实现活动倒计时效果

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

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • JS 倒计时实现代码(时、分，秒)

    JS实现倒计时(时.分,秒) var interval = 1000; function ShowCountDown(year,month,day,divname) { var now = new Date(); var endDate = new Date(year, month-1, day); var leftTime=endDate.getTime()-now.getTime(); var leftsecond = parseInt(leftTime/1000); //var day1=

  • javascript秒数倒计时自动跳转代码

    var secs =5; //倒计时的秒数 var URL ; function Load(url){ URL =url; for(var i=secs;i>=0;i--) { window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000); } } function doUpdate(num) { document.getElementById('ShowDiv').innerHTML = '将在'+num+'秒后自动跳转到 我们' ; if

  • Javascript倒计时代码

    JS脚本: 复制代码 代码如下: <script language="javascript" type="text/javascript"> var interval = 1000; function ShowCountDown(year, month, day, divname) { var now = new Date(); var endDate = new Date(year, month - 1, day, 14, 07); var leftT

  • js代码实现点击按钮出现60秒倒计时

    js代码实现点击按钮出现60秒倒计时

    比如,一些网站上的手机短信认证的功能,有类似实现点击按钮后,倒计时60秒才能再次点击发送的效果. 此例子用Javascript实现点击按钮后,倒计时60秒才能再次点击发送验证码的功能. 例子1:Javascript 实现 点击按钮 倒计时60秒方可再次点击发送的效果 <input type="button" id="btn" value="免费获取验证码" /> <script type="text/javascrip

  • js倒计时代码

    #oTime { color: blue; font-size: 12px; } var _t; var _h = 2; var _m = 0; var _s = 0; var _v = formatTime(_h + ':' + _m + ':' + _s); function doTime() { _s --; if (_s == -1) { _m --; _s = 59; } if (_m == -1) { _h --; _m = 59; } var _b = ((_h == 0) &&am

  • 一个不错的js html页面倒计时可精确到秒

    一个不错的js html页面倒计时可精确到秒,很简单,但和实用 <!doctype html> <html> <head> <meta charset="utf-8"> </head> <body> <DIV id="CountMsg" class="HotDate"> <span id="t_d">00天</span>

  • 团购、定时抢购倒计时js版

    团购.定时抢购倒计时 var tms = []; var day = []; var hour = []; var minute = []; var second = []; function takeCount() { setTimeout("takeCount()", 1000); for (var i = 0, j = tms.length; i 剩余时间: 0 天 0 小时 0 分 0 秒 tms[tms.length] = "168935343345";

  • javascript倒计时效果代码，可以方便参数调用

    我们-www.jb51.net 倒记时效果 "+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"; } else { document.getElementById(time_id[i]).innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒&

  • 简单易用的倒计时js代码

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>简单易用的倒计时js代码</title> <style> *{ margin:0; padding:0; list-style:none;} body{ font-size:18px; text-align:center;} .time{ height:30px; padding:20

  • js几秒以后倒计时跳转示例

    复制代码 代码如下: <html> <head> <title>出错啦~~~</title> <link href="css/login1.css" mce_href="css/login1.css" rel="stylesheet" type="text/css" /> <script language="javascript" type=

随机推荐