幅0ピクセルから幅200ピクセルまで拡張できる赤いバー(divと赤い背景色で作成)を作成しようとしていました。私のコードwindow.alert(x.width)
は、関数に a を挿入すると機能しますmyF()
が、挿入しないとコードが遷移しませんsetTimeout()
。
<!DOCTYPE html>
<html>
<head>
<script>
function myF(){
var x = document.getElementById("bar1").style;
if(parseInt(x.width)<200){
x.width = (parseInt(x.width)+1)+"px";
setTimeout(myF(),1);
}
}
</script>
</head>
<body onload="myF()">
<div id="bar1" style="width:0px; text-align:center; height:10px;background-color:red; font-size:10px; padding:0px; margin:0px;"></div>
</body>
</html>