0

Подскажите пожалуйста как последовательно выполнить эти 4 функции?

setTimeout(function() {
        $('#div4').replaceWith("_");
        $('#div3').replaceWith("4");
        $('#div2').replaceWith("3");
        $('#div1').replaceWith("2");
    }, 5000);
    
setTimeout(function() {
        $('#div4').replaceWith("_");
        $('#div3').replaceWith("_");
        $('#div2').replaceWith("4");
        $('#div1').replaceWith("3");
}, 5000);

setTimeout(function() {
        $('#div4').replaceWith("_");
        $('#div3').replaceWith("_");
        $('#div2').replaceWith("_");
        $('#div1').replaceWith("4");
}, 5000);

setTimeout(function() {
        $('#div4').replaceWith("_");
        $('#div3').replaceWith("_");
        $('#div2').replaceWith("_");
        $('#div1').replaceWith("_");
}, 5000);
Заранее спасибо!

4
  • последовательно с промежутком в 5 секунд??? 6 дек 2020 в 18:07
  • Да я хочу чтоб это все выполнялось с последовательностью в 5 секунд
    – Mikhail
    6 дек 2020 в 18:10
  • Вы точно уверены, что вам нужен метод replaceWith? Он ведь заменит элементы на текст в первом же колбеке, и следующим колбекам уже негде будет что-то заменять. 6 дек 2020 в 19:29
  • нет, вообще задача заключатся в том, чтоб переставлять все цыфры на единицу влево каждые 5 сек , а это костыль, который я попытался сварганить , в силу плохого владения js-ом
    – Mikhail
    6 дек 2020 в 19:47

1 ответ 1

3

Можно так

let time = 0;

setTimeout(function() {
  $('#div4').text("_");
  $('#div3').text("4");
  $('#div2').text("3");
  $('#div1').text("2");
}, time += 5000);

setTimeout(function() {
  $('#div4').text("_");
  $('#div3').text("_");
  $('#div2').text("4");
  $('#div1').text("3");
}, time += 5000);

setTimeout(function() {
  $('#div4').text("_");
  $('#div3').text("_");
  $('#div2').text("_");
  $('#div1').text("4");
}, time += 5000);

setTimeout(function() {
  $('#div4').text("_");
  $('#div3').text("_");
  $('#div2').text("_");
  $('#div1').text("_");
}, time += 5000);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="div4">4</div>
<div id="div3">3</div>
<div id="div2">2</div>
<div id="div1">1</div>

9
  • Останавливается на первом(
    – Mikhail
    6 дек 2020 в 18:14
  • @Mikhail всё работает с промежутком 5 секунд, сначала ждёт 5, потом 10, потом 15, потом 20 секунд 6 дек 2020 в 18:15
  • @Mikhail, все работает.
    – Egettl
    6 дек 2020 в 18:15
  • @Egettl, подскажи пожалуйста, в чем может быть проблема? Как бы не старался, код дальше 1 функции не идет
    – Mikhail
    6 дек 2020 в 19:18
  • 1
    @vsemozhebuty благодарю 6 дек 2020 в 20:42

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.