javascript - Javascript按时间更改句子

Question

我想提交 1 个正在探索的脚本。我想通过每 30 秒在网站上将报价 1 更改为报价 2 和 3 来进行网络通知。

<script>
      setInterval(function(){ $(".custom").stop().slideToggle('fast'); }, 2000);
      $(".custom-close").click(function() {
        $(".custom").stop().slideToggle('fast');
      });
</script>

<section class="custom">
    <div>Offer 1<br>50%<b></b> Product Name
    <small>In 1 hour only</small>
    </div>
    <div class="custom-close"></div>
     <div>Offer 2<br>30%<b></b> Product Name
    <small>In 2 hour only</small>
    </div>
    <div class="custom-close"></div>
     <div>Offer 3<br>10%<b></b> Product Name
    <small>In 3 hour only</small>
    </div>
    <div class="custom-close"></div>
</section>

标签： javascriptsetinterval

Answer 1

我建议您使用 Bootstrap 的“轮播”，您甚至可以定义所需的间隔，在您的情况下是每 30 秒一次。

$('.carousel').carousel({
  interval: 30000
})

在这里获取：

https://getbootstrap.com/docs/4.1/components/carousel/