快捷导航

为什么我这段代码不能实现预期的效果?

定时器varl=100//设置变量l为100,值等于div的widrh值;functionadd(){//创建函数add(),将会被button所调用;        setInterval(add,100)//设置定时器,每隔0.1秒执行一次函数;vari=document.getElementById("style1")//i.style.width=l+"px"l++}</script>点击试试!我希望的效果是点击button后,黄色方块会缓缓变长,实现后发现,开头的一两秒的确这样,但之后黄色条块长度会出现暴增,不知道怎么回事啊?前辈们能解释下吗?

免责声明:本内容仅代表回答者见解不代表本站观点,请谨慎对待。

版权声明:作者保留权利,不代表本站立场。

回复

使用道具 举报

参与会员2

把setInterval(add,100) 改为setTimeout(add,100)
或者,把setInterval(add,100) 放到function add(){}的外面
回复

使用道具 举报

增量在之前基础上叠加了,所以会越来越快
回复

使用道具 举报

可能感兴趣的问答

发新帖
TA的信息
  • 会员所属: 注册会员
  • 认证信息: 邮箱认证手机认证
  • 微信访问
  • 手机APP