22.05.2019 shortstory, tpl, dle 13.2 Все вопросы » Шаблоны (TPL) 2708
var buttons = document.querySelectorAll('.loaderbutton');
buttons.forEach(function(btn) {
btn.addEventListener('click', function() {
btn.classList.add('loading');
btn.innerText = 'Loading... Please wait!';
btn.disabled = true;
setTimeout(function() {
btn.innerText = 'Download'; // Возвращаем текст
btn.classList.remove('loading'); // Убираем класс загрузки
btn.disabled = false; // Разблокируем кнопку
}, 3000); // Задержка 3 секунды
});
});
var buttons = document.querySelectorAll('.loaderbutton');
buttons.forEach(function(btn) {
btn.addEventListener('click', function() {
btn.classList.add('loading');
btn.innerText = 'Loading... Please wait!';
btn.disabled = true;
setTimeout(function() {
btn.innerText = 'Download'; // Возвращаем текст
btn.classList.remove('loading'); // Убираем класс загрузки
btn.disabled = false; // Разблокируем кнопку
}, 3000); // Задержка 3 секунды
});
});
var btn = document.querySelector('.loaderbutton');
btn.addEventListener('click',function() {
btn.classList.toggle('loading');
btn.innerText = 'Loading... Please wait!';
btn.disabled = true;
setTimeout(function() {
btn.innerText = 'Download';
btn.classList.toggle('loading');
btn.disabled = false;
}, 3000); // здесь указывается в мс время для разблокировки кнопки
});