                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /倒计时效果

倒计时效果1-2

用setinterval可以吗

非常有喜

2017-03-19

源自：倒计时效果 1-5

关注问题我要回答

1219

操作

收起

2 回答

Yexiaomo 回答被采纳 +3 积分
2017-03-21

当然可以!

setTimeout(code,millisec) 用于在指定的毫秒数后调用函数或计算表达式。(也就是指执行一次)

setInterval(code,millisec) 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式(也就是永远不停地执行下去, 直到 clearInterval() 被调用或窗口被关闭)

具体更详细的介绍可以去 W3scshool上

还是编程练习中的代码,改变 onload中的代码,再把showTime()中的setTimeout()去掉 ,效果一样

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>当前系统时间</title>
<link rel="stylesheet" href="style.css"  />
<script type="text/javascript">

  window.onload = function(){
    setInterval(showTime);
  }
  function checkTime(i){  //补位处理
    if(i < 10)
        return "0"+i;
    return i;
  }
  function showTime(){
    var now=new Date();
    var year=  now.getFullYear()  ;
    var month=  now.getMonth() + 1 ;
    var day=  now.getDay() ;
    var h=  now.getHours()  ;
    var m=  now.getMinutes()  ;
    var s=  now.getSeconds() ;
    m=checkTime(m);
    s=checkTime(s);
    
    var weekday=new Array(7)
    weekday[0]="星期日"
    weekday[1]="星期一"
    weekday[2]="星期二"
    weekday[3]="星期三"
    weekday[4]="星期四"
    weekday[5]="星期五"
    weekday[6]="星期六"

    document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+ weekday[day] +h+":"+m+":"+s;
  }

</script>
</head>
<body>
<div class="content1">
  <div id="show">显示时间的位置</div>
</div>
</body>
</html>