JS任务类型进度条

89 阅读1分钟
<body>
	 <!-- 任务类的进度条 -->
	 <!-- min  最小   max最大    value当前值		ID -->
	0<progress  value="100" max="100" min="0" id="pro"></progress>100
    //通过JS完成动态效果
	<script type="text/javascript">
		//通过document.getElementById来获取元素ID 值
        // 通过 var 对 a 进行赋值
		var a=document.getElementById("pro");
		
		// 输出语句 警告弹窗 用来验证 a是否等于value 值
		// alert(a.value);
		
		// 设置函数 fun = a
			function fun(){
			a.value-=1
		}
		
		/* 计时器(函数名称,时间)    间隔0.1秒 调用一次fun 函数
        *	1000毫秒等1秒
        */
		setInterval(fun,100)
		

	
	</script>
</body>