不用transition的原因是因为他不是匀速的吗？

Question

const box = document.getElementById(‘box’);
setTimeout(()=>{
box.style.width = 640 +‘px’;
})

Answer 1

双越 2020-06-25 21:06:26

你写的是 setTimeout 吧，不是 css 的 transition 。

setTimeout 不是不匀速，而是它的执行频率，不一定和浏览器渲染的频率一致。

• 提问者 功不唐捐终入海 #1

  我在他的css里加了transition: all 3s为了达到动画效果，我才给他加的setTimeout让他异步。这个和老师视频种讲解的set Time out还是又区别吧？

• 双越 回复 提问者 功不唐捐终入海 #2

  一个用 js 操作 dom ，一个是原生 css 实现动画，这两者虽然效果看起来一样，但执行效率还是后者更好。否则后者就没有存在意义了。

Answer 2

双越 2020-06-25 21:05:34

你写的是 setTimeout 吧，不是 css 的 transition 。

setTimeout 不是不匀速，而是它的执行频率，不一定和浏览器渲染的频率一致。