Javascript 如何停止从左到右的运动图像一段时间,然后重新开始

Javascript 如何停止从左到右的运动图像一段时间,然后重新开始,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想在结尾(右)停止从左到右的运动图像,然后重新开始循环。由于这个网站链接的帮助,我很累 但是我不能停下来重新开始。有人能帮我吗 感谢您宝贵的时间来制作一个延迟10秒的5秒动画,根据公式:100/(maxTime)*animationTime div{ 宽度:100px; 高度:100px; 背景:红色; 位置:相对位置; 动画:mymove 15s无限; } @-webkit关键帧mymove{ 0%{左:0px;} 33%{左:200px;} 100%{左:200px;} } 要制作5秒

我想在结尾(右)停止从左到右的运动图像,然后重新开始循环。由于这个网站链接的帮助,我很累

但是我不能停下来重新开始。有人能帮我吗


感谢您宝贵的时间来制作一个延迟10秒的5秒动画,根据公式:
100/(maxTime)*animationTime

div{
宽度:100px;
高度:100px;
背景:红色;
位置:相对位置;
动画:mymove 15s无限;
}
@-webkit关键帧mymove{
0%{左:0px;}
33%{左:200px;}
100%{左:200px;}
}

要制作5秒的动画,延迟10秒,您需要使用33%,基于以下公式:
100/(maxTime)*animationTime

div{
宽度:100px;
高度:100px;
背景:红色;
位置:相对位置;
动画:mymove 15s无限;
}
@-webkit关键帧mymove{
0%{左:0px;}
33%{左:200px;}
100%{左:200px;}
}

如果您能向我们展示您迄今为止所做的尝试,那就太好了。我已经尝试了CSS动画属性,如动画延迟、动画持续时间、动画填充模式:向前和向后等。因为仅在提到的网站编辑器中使用了几个小时。我没有使用任何一个。而且,不幸的是,当我刷新编辑器尝试一些东西时,它回到了默认代码;它只是在移动了3帧后在右端停止。但没有再次启动循环。我无法做到这一点。请提供帮助。如果您能向我们展示您迄今为止尝试的内容,那将非常好。我已经尝试使用CSS动画属性,如动画延迟、动画持续时间、,动画填充模式:向前和向后等。因为只有在提到的网站编辑器中几个小时。我没有得到想要的结果,没有一个。不幸的是,当我刷新编辑器尝试一些东西时,它回到了默认代码。我尝试了动画mymove:5步(3)向前;在移动了3帧后,它只是在右端停止。但没有再次开始循环。我无法这样做。请帮助。尼尔,谢谢你的时间。是的,但它必须在右端停止至少10秒,并且不需要向后移动(右-左),只需要再次从左到右移动。请提供任何帮助。@krish更新了它。请记住标记为解决方案,这很有帮助。尼尔,谢谢你抽出时间。是的,但它必须在右端停止至少10秒,并且不需要向后移动(右-左),只需要再次从左到右移动。请提供任何帮助。@krish更新了它。请务必记住标记为解决方案,这非常有帮助。