<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>定時(shí)器</title>
<script?type="text/javascript">
var?l=100?//設(shè)置變量l為100，值等于div的widrh值；
function?add(){??//創(chuàng)建函數(shù)add（），將會(huì)被button所調(diào)用；
setInterval(add,100)?//設(shè)置定時(shí)器，每隔0.1秒執(zhí)行一次函數(shù)；
????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()">點(diǎn)擊試試！</button>
</body>
</html>我希望的效果是點(diǎn)擊button后，黃色方塊會(huì)緩緩變長(zhǎng)，實(shí)現(xiàn)后發(fā)現(xiàn)，開(kāi)頭的一兩秒的確這樣，但之后黃色條塊長(zhǎng)度會(huì)出現(xiàn)暴增，不知道怎么回事啊？前輩們能解釋下嗎？
為什么我這段代碼不能實(shí)現(xiàn)預(yù)期的效果？
我要沖錢(qián)
2016-11-23 23:43:49
