Javascript 带计时器的幻灯片放映

我想知道是否有任何方式，使幻灯片上的倒数计时器的图像幻灯片

我正在制作一个运动应用程序，需要一个课程选项。在课程选项中，将显示一个练习20秒，然后休息10秒等，直到课程结束

我已经准备好了所有的练习，以图片的形式。我只需要一个代码来显示一个图像幻灯片，它与倒计时

---

谢谢

带有计时器的幻灯片放映将使用

setInterval（）

方法。试试这个：

<img src="some_source/to/file.png" alt="text" />

您可以使用

if-else

块更改图像，例如：

if($('img').attr('src') == 'some_image_file.png') {
  $('img').attr('src', 'new_image_file.png');
}

现在，计时器将每20秒执行一次，并更改图像的源属性。它将使用if-else块确定要设置为幻灯片图像的图像

if($('img').attr('src') == 'some_image_file.png') {
  $('img').attr('src', 'new_image_file.png');
}