Javascript меняет предложение во времени - PullRequest
Новая
       7

Javascript меняет предложение во времени

0 голосов
/ 06 февраля 2019

Я хотел бы представить 1 скрипт, который сейчас исследуется.Я хотел бы сделать свое веб-уведомление, изменив предложение 1 на предложение 2, а затем 3 на сайте каждые 30 секунд. 

<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>

1 Ответ

0 голосов
/ 06 февраля 2019

Я предлагаю вам использовать «Карусель» Bootstrap, вы даже можете определить желаемый интервал, который в вашем случае составляет каждые 30 секунд. 

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

Получить здесь:

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

...