<div style="text-align:left;width:200px;height:20px;border:solid 2px blue;" id="wai"> <div id="nei" style="width:0px;height:100%;background:blue;" ></div> </div> <script> var num = 1; var id = setInterval("aa()",1000); var wai = document.getElementById('wai'); var nei = document.getElementById('nei'); function aa(){ nei.style.width = parseInt(wai.style.width) * (num/100) //document.getElementById('jdnotice').innerHTML=parseInt((num/100)*100)+'%'; if(num<100){ num++; }else{ clearInterval(id); } } document.οnclick=function (){ clearInterval(id); } </script>