单击时更改变量的值

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

把你的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 δευτερόλεπτα'));
    });
});

Answer 2

要随时间存储值，您需要使用 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 3

您有两个名为“day”的变量。在第二个之前删除“var”，它将是同一个变量