Html
    Css
    Js

    
                        
.countdown {
	background:#005DAC;
	text-align:center;
	position:absolute;
	top:80px;
	right:120px;
	width:161px;
	height:161px;
	border-radius:80px;
	-webkit-border-radius:80px;
	-moz-border-radius:80px;
}
.countdown .mtp {
	margin-top:50px;
}
.countdown .line_height34 {
	line-height:34px;
}
.countdown .countdown_text {
	color:white;
	margin-top:55px;
	font-size:20px;
	line-height:29px;
	letter-spacing:3px;
}
.countdown #countdown_time {
	color:#F8B62C;
	font-size:25px;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

jquery 实现考试倒计时

2
      良尺1
      2017/9/11 17:43:11
      $(function() {
          //设置时间倒计时
          setCountDown_time();
      })
      /*时间倒计时*/
      var sec = 60,
          min = 89;
      var idt;
      var format = function(str) {
          if(parseInt(str) < 10) {
              return "0" + str;
          }
          return str;
      };
      function setCountDown_time() {
          idt = window.setInterval("ls();", 1000);
      }
      function ls() {
          sec--;
          if(sec == 0) {
              if(parseInt(min) == 0 && parseInt(sec) == 0) {
                  document.getElementById("countdown_time").innerHTML = format(min) + ":" + format(sec);
                  window.clearInterval(idt);
                  alert('考试时间已到,试卷已提交,感谢您的使用!');
              } else {
                  min--;
                  sec = 59;
              }
          }
          document.getElementById("countdown_time").innerHTML = format(min) + ":" + format(sec);
      }
      //以上JS修改完成后
      回复
      人一样的人0
      2017/4/24 17:26:47

      这个逻辑有问题,定时器根本关不上。sec永远是59

      回复