javascript - 为什么setInterval设置为16ms间隔增加1/60px，动画不执行？
本文介绍了javascript - 为什么setInterval设置为16ms间隔增加1/60px，动画不执行？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
为什么setInterval 的间隔设置为16ms，.style.top设置位1/60动画就不动了。如果我设置为每16ms 增加1px是会变的，设置为增加1/60就不动了？
<body>
<div class='content'>
<div id='square' style="position:absolute; top:5px; left:5px;">
</div>
</div>
</body>
<script>
var start=document.getElementById('square');
setInterval(function() {
start.style.left=(parseInt(start.style.left)+0.016)+"px"
},16);
</script>解决方案
parseInt改成parseFloat
这篇关于javascript - 为什么setInterval设置为16ms间隔增加1/60px，动画不执行？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
