Jquery 如何在固定时间间隔后滑动文本

我想在滑块上从上到下设置文本动画。下面是我用来制作动画的css：

Html:

---

它在从上到下滑动时工作正常，但动画之间应该有15秒的时间间隔。

您可以使用设置间隔功能保持15秒的时间间隔

setInterval(function()
{ 
     your_function(); 
}, 15000);

---

这可以使用纯css完成，不建议使用

setInterval

您可以使用

动画迭代计数：无限&
动画延迟：15s用于后续动画之间的时间间隔

参考代码：


.rg5{
字体系列：roboto sans serif；
字体大小：52px；
颜色：黑色；
利润底部：10%；
线高：1；
文本转换：大写；
转换：1s易入易出；
动画：slidein 5s无限；
-webkit转换：1s轻松输入输出；
-moz转换：1s易入易出；
-o型转换：1s易进易出；
-webkit动画：slidein 5s无限；
-moz动画：slidein 5s无限；
-o-动画：幻灯片5s无限；
动画填充模式：正向；
}
斯莱丹先生{
-webkit动画延迟：15s；/*Safari 4.0-8.0*/
-moz动画延迟：15s；
动画延迟：15秒；
}
@-moz关键帧幻灯片{
从{
-moz变换：平移（1，-30em）比例（1.2）；
}
到{
-moz变换：平移（1em，1）比例（1.2）；
}
}
@-webkit关键帧幻灯片{
从{
-webkit转换：转换（0s，-20em）比例（1.2）；
}
到{
-webkit转换：转换（0em，0）比例（1.2）；
}
}
@关键帧幻灯片{
从{
变换：平移（0，-20em）比例（1.2）；
}
到{
变换：平移（0em，0）比例（1.2）；
}
}
mobile
mahesh我没有使用jquery制作动画，我使用的是css，请告诉我如何使用css实现。如果可以使用jquery，请告诉我完整的功能。
.rg5 {
  font-family: roboto sans-serif;;
  font-size: 52px;
  color: #ffffff;
  margin-bottom: 10%;
  line-height: 1;
  text-transform: uppercase;
  transition: 1s ease-in-out;
  animation: slidein 5s infinite;
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  -webkit-animation: slidein 5s infinite;
  -moz-animation: slidein 5s infinite; 
  -o-animation: slidein 5s infinite;
  animation-fill-mode: forwards;
}
.slidein {
  -moz-animation-duration: 5s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -moz-animation-name: slidein;
  -webkit-animation-name: slidein;
  animation-name: slidein;
  -moz-animation-iteration-count: 3;
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
@-moz-keyframes slidein {
  from { 
   -moz-transform: translate(1,-30em) scale(1.2);
}
  to { 
    -moz-transform: translate(1em,1) scale(1.2);
  }
}
@-webkit-keyframes slidein {
  from { -webkit-transform: translate(0s,-20em) scale(1.2);
  }
  to { -webkit-transform: translate(0em,0) scale(1.2);
  }  
}
@keyframes slidein {
  from { 
    transform: translate(0,-20em) scale(1.2);
  }
  to { 
    transform: translate(0em,0) scale(1.2);
  }
}

setInterval(function()
{ 
     your_function(); 
}, 15000);