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;
	
	
}