Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JS-DOM与内部函数_Javascript_Animation - Fatal编程技术网

Javascript JS-DOM与内部函数

Javascript JS-DOM与内部函数,javascript,animation,Javascript,Animation,所以我有一个代码,它试图制作一个动画,但自从我第一次尝试以来,我一直面临失败。 请帮帮我,这个代码怎么了 功能移动(obj,x,y){ la=20; while(la您的while循环将阻塞浏览器的UI,您所看到的只是跳转。请延迟异步调用 或者更好的方法:使用CSS动画,只需切换类: 函数移动(){ var元素=document.getElementById(“div”); 元素.classList.toggle(“移动”); } #div{ 边框:1px纯黑; 宽度:100px; 高度:1

所以我有一个代码,它试图制作一个动画,但自从我第一次尝试以来,我一直面临失败。 请帮帮我,这个代码怎么了

功能移动(obj,x,y){
la=20;

while(la您的while循环将阻塞浏览器的UI,您所看到的只是跳转。请延迟异步调用

或者更好的方法:使用CSS动画,只需切换类:

函数移动(){
var元素=document.getElementById(“div”);
元素.classList.toggle(“移动”);
}
#div{
边框:1px纯黑;
宽度:100px;
高度:100px;
保证金:0;
过渡:300毫秒的裕度缓进缓出;
背景:透明;
}
#分区移动{
左边距:200px;
}

为什么不改为使用CSS动画?虽然循环对于动画来说不可靠。@Terry我需要在函数call上执行此操作CSS动画可以被JS函数激活。我运行代码段,可以看到应用了marginLeft+=“20px”。有什么问题吗?