使用setInterval实现网页倒计时

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>倒计时</title>
</head>
<style>
</style>
<body>
<p id="djstext"></p>
<script type="text/javascript">
function djs() {
  var t = 600,
  mt=parseInt(t/60), st=t-mt*60;
  if(st<10){ sst="0" + st; }
  else{sst= st;}
  document.getElementById("djstext").innerHTML = mt + ":" + sst,
  setInterval(function() {
  if (t == 0){
    location.href="  需跳转的页面  ";}  //或者可以用  clearInterval(interval);  结束倒计时
  else {
    t -= 1,mt=parseInt(t/60), st=t-mt*60;
    if(st<10){ sst="0" + st; }
    else{sst= st;}
    document.getElementById("djstext").innerHTML = mt + ":" + sst;
    }
  },1000);
}

djs();
</script>
</body>
</html>

posted @ 2020-12-09 21:16  downywu  阅读(263)  评论(0)    收藏  举报