JavaScript “…” ожидающий точечное цикличное выполнение с интервалом
Вместо того, чтобы использовать анимированный gif, я хотел бы вместо этого иметь текст в промежутке:
- Жду ответа
- Жду ответа.
- Жду ответа..
- Жду ответа...
Я хотел бы циклично выполниться через каждого и затем возвратиться к первому в бесконечном цикле. Я также хотел бы управлять интервалом, чтобы убыстриться или замедлить его. Я хотел бы иметь свой HTML, чтобы быть:
<p>Waiting<span id="dots"></span></p>
И просто циклически повторите промежуток innerHTML.Спасибо!
2 ответа
Это, вероятно, направит вас в правильном направлении. Я думаю, что код должен объясниться.
function iterateDots(){
var el = document.getElementById("dots");
var dotsStr = el.innerHTML;
var dotsLen = dotsStr.length;
var maxDots = 3;
el.innerHTML = (dotsLen < maxDots ? dotsStr + '.' : '');
}
function startLoading(){
var intervalMs = 300;
var interval = setInterval("iterateDots()", intervalMs);
}
dots = document.getElementById ('dots'); получит элемент DOM, в который вы хотите добавить точки, а атрибут innerHTML этого элемента позволит вам управлять содержимым внутри него.
Что касается изменения содержимого диапазона на определенном интервале, посмотрите setInterval () и setTimeout () . Вам нужно будет выбрать тот, который лучше всего соответствует вашим потребностям.
Я не собираюсь публиковать реальное решение, так как вы действительно не приложили никаких усилий для этого, но это должно указать вам в правильном направлении.