Как сделать <button>, активный только в определённый период времени?

216
04 июня 2018, 18:50

Как сделать кнопку <button enabled>, чтобы было активно только в рабочее время? Например: с 10:00 до 18:00 была активна кнопка, а после 18:00 неактивна до 10:00. Нашел только примеры по таймеру.

Answer 1

var h10_00 = 10, 
	h18_00 = 18, 
	but_10_18 = document.getElementById('but-10-18'); 
 
function checkTime() 
{ 
	var time_yet = new Date().getHours(); 
 
	if(time_yet >= h10_00 && time_yet < h18_00) 
		but_10_18.removeAttribute('disabled'); 
	else 
		but_10_18.setAttribute('disabled', 'disabled'); 
 
	setTimeout(checkTime, 100); 
} 
 
checkTime();
<input type="button" id="but-10-18" value="Начать поиск" disabled onclick="alert('кнопка работает')">

Answer 2

Этот код выполняет функцию отключения кнопки, но не включения ее назад. Т.е. если пользователь зашел на страницу в 09:59, то в 10:00 кнопки не будет

var date, dateHours, interval, 
check = function() {
    /* Получаем время пользователя */
    date = new Date();
    dateHours = date.getHours();
    if (dateHours < 10 || dateHours > 17) {
       //код отключения или удаления кнопки
        /* Останавливаем выполнение функции */
       if (typeof interval != 'undefined') {
           clearInterval(interval);
       }
    }
};
check.call();
/* Выполняем функцию с интервалом 20 секунд */
interval = setInterval(check, 20000);
READ ALSO
Кроссбраузерность

Кроссбраузерность

Решил окунуться в мир ВЕБа и возник вопросЯ понял что разные браузеры могут по разному отображать инфу и зачастую некоторые браузеры не поддерживают...

190
подключение штрафов на сайте

подключение штрафов на сайте

Кто нибудь сталкивался с необходимостью подключения API gibdd на проверку штрафов и тд

192
Как мне запустить скрипт из файла на JS или html?

Как мне запустить скрипт из файла на JS или html?

У меня есть сайт на djangoЕсть код html и отдельный файл message

225
В input поменять стиль в focus

В input поменять стиль в focus

Подскажите, как при фокусе на input убрать прямой слеш и изменения цвета шрифта на чёрный (при помощи jquery)Тоесть при нажатии ничего не должно...

229