Измените значение переменной на клик

Question

Я пытаюсь изменить значение переменной при нажатии кнопки и передать новую переменную другой функции с помощью jQuery, но она не работает.

Что я делаю неправильно?

jQuery(document).ready(function($){ 
 
    var day; 
 
    $('button#visual-live-time').on('click',function(){ 
 
     var day = $('#datetimepicker').val(); 
 
    }); 
 

 
    $('div.countdown').countdown(day, function(event){ 
 
     $(this).text(event.strftime('%D ημέρες %H ώρες %M λεπτά %S δευτερόλεπτα')); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-lg-6"> 
 
    <div class="panel panel-default"> 
 
     <div class="panel-heading">Ημερομηνία και ώρα έναρξης</div> 
 
     <div class="panel-body"> 
 
      <input type="text" size="35" name="event-title" id="datetimepicker"> 
 
     </div> 
 
    </div> 
 
</div> 
 
<button type="text" id="visual-live-time"></div> 
 
<div class="countdown"></div>

Answer 1

Чтобы сохранить значение в течение долгого времени, вам нужно будет использовать язык сервера фонового как PHP.

Используйте PHP для хранения значения в базе данных, например MySQL, а затем используйте PHP для получения этого значения при доступе к странице администратора. Поместите значение в поле HTML и используйте javascript (плагин обратного отсчета), чтобы оживить обратный отсчет, который увидит администратор.

Вот ответ, который может помочь с информацией о том, что вам нужно сделать:

PHP - Secure member-only pages with a login system

Для получения дополнительной информации о PHP, вы можете просмотреть эти (бесплатно) видео на TheNewBoston:

https://www.thenewboston.com/videos.php?cat=11

Answer 2

У вас есть две переменные с именами "день". Удалите «var» перед вторым, и это будет одна и та же переменная

Answer 3

Поместите свой var day; за пределы документа. Потому что теперь только в пределах документа готовой функции, как показано ниже

var day; 
jQuery(document).ready(function($){ 

    $('button#visual-live-time').on('click',function(){ 
     day = $('#datetimepicker').val(); 
    }); 

    $('div.countdown').countdown(day, function(event){ 
     $(this).text(event.strftime('%D ημέρες %H ώρες %M λεπτά %S δευτερόλεπτα')); 
    }); 
});