用js实现div元素向右平滑移动300px， 耗时1秒，不能使用transition

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>简单位移动画</title>
<style>
</style>
</head>

<body>

<div id="element" style="width: 200px; height: 200px; background: #000">我是个方块</div>



<script>

    // 请写下你的代码
    var div = document.getElementById('element'); 
    document.onclick = function(){
        div.style.position = 'absolute';
        for (let index = 0; index < 300; index++) {
            setTimeout(()=>{
                div.style.left =  index+1 + 'px';
            },index*10/3)
        }
    }

</script>

</body>

</html>

版权声明：本文为songJunFeng1原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。