javascript - 如何停止从左到右移动的图像一段时间并重新开始

Question

我想在最后(右)停止从左到右的移动图像，然后重新开始循环。我厌倦了这个网站链接的帮助，

https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_animation-delay

但我无法停下来重新开始。有人可以帮助我吗？

感谢您宝贵的时间

Answer 1

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

div {
    width: 100px;
    height: 100px;
    background: red;
    position: relative;
    animation: mymove 15s infinite;
}


@-webkit-keyframes mymove {
    0% {left: 0px;}
    33% {left: 200px;}
    100% {left: 200px;}
}

<div></div>