mui开发记录（六）js倒计时

先上图

代码如下

html部分

<div class="tip">
        <input type="text" id="timetext" value="正在识别音乐...(5S)" readonly="readonly" style="color: whitesmoke;" />
      </div>
      <script>
        var second=5;
        var millisecond=0;
        var int;
        function Start(){
          int=setInterval(timer,50);
          
        }
        function timer(){
          millisecond=millisecond+50;
          if(millisecond>=1000){
            millisecond=0;
            second=second-1;
            if(second>0){
              document.getElementById('timetext').value="正在识别音乐...("+second+"S)";
            }
            else{
              window.location.href='enjoy.html';
            }

            
          }
        }
      </script>

css部分

#timetext{
  background: none;
  outline: none;
  border: 0px;
  width: 60%;
  
        position:absolute;
        left:30%;
        top:65%;
        margin: 0 auto;
  
  
}