Как изменить время setTimeout с заданным массивом времени

<div id = "show"></div>

<script>

var s = document.getElementById("show");

//let say given time array is:
//time will be 1:00,2:30,3:50 so on.....
//we need to convert time in millisecond....

var gtime = new Array("915000", "750000", "605000");

//just want to put in For loop

for(var i=0, i > 3, i++){

//put time array here

setTimeout(function(){
  s.innerHTML = s.innerHTML + //put time each array here.toString();
}, //put time each array here);

}
</script>

Just like in FOR LOOP:

Ist LOOP setTimeout(function(){ s.innerHTML = s.innerHTML + //put time each array here.toString(); }, 915000);

2nd LOOP setTimeout(function(){ s.innerHTML = s.innerHTML + //put time each array here.toString(); }, 750000);

3rd LOOP setTimeout(function(){ s.innerHTML = s.innerHTML + //put time each array here.toString(); }, 605000);

Переключите i>3 в i<3 и поместите gtime[i] во второй параметр таймаута.

Mohammad 27.10.2018 10:42

for (var i = 0, i <3, i ++) {setTimeout (function () {s.innerHTML = s.innerHTML + "" + gtime [i];}, gtime [i]); }

Shane Rowatt 27.10.2018 10:52
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
67
2

Ответы 2

Ваш цикл для получения времени неверен, вы можете использовать var i in gtime и gtime[i]), чтобы получить фактическое время.

Примечание: Вам нужен еще один параметр, чтобы получить правильное время внутри функции setTimeout()

var s = document.getElementById("show");

//let say given time array is:
//time will be 1:00,2:30,3:50 so on.....
//we need to convert time in millisecond....

var gtime = new Array("9150", "7500", "6050");

var j = 0;

for(var i in gtime){

//put time array here

   setTimeout(function(){
     $("#show").html(gtime[j]);
     j++;
   },Number(gtime[i]));

}
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>

Time value: <div id = "show"></div>

Пожалуйста, попробуйте это:

<script>

var s = document.getElementById("show");

//let say given time array is:
//time will be 1:00,2:30,3:50 so on.....
//we need to convert time in millisecond....

var gtime = new Array("915000", "750000", "605000");

//just want to put in For loop

for(var i=0, i < 3, i++){

//put time array here

setTimeout(function(){
  s.innerHTML = s.innerHTML + gtime[i];
}, gtime[i]);

}
</script>

Другие вопросы по теме