<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>定時器</title>
<script?type="text/javascript">
var?l=100?//設置變量l為100，值等于div的widrh值；
function?add(){??//創建函數add（），將會被button所調用；
setInterval(add,100)?//設置定時器，每隔0.1秒執行一次函數；
????var?i=document.getElementById("style1")?//
????i.style.width=l+"px"
????l++
}
</script>
</head>
<body>
<div?id="style1"?style="width:50px;height:30px;background:yellow;border:3px">
</div>
<button?onclick="add()">點擊試試！</button>
</body>
</html>我希望的效果是點擊button后，黃色方塊會緩緩變長，實現后發現，開頭的一兩秒的確這樣，但之后黃色條塊長度會出現暴增，不知道怎么回事?。壳拜厒兡芙忉屜聠?？
為什么我這段代碼不能實現預期的效果？
我要沖錢
2016-11-23 23:43:49
