单击更改变量的值

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

您有两个名为 "day" 的变量。把第二个前面的"var"去掉就是同一个变量

Answer 2

把你的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 3

要随时间存储值，您将需要使用 back-end 服务器语言，例如 PHP。

使用 PHP 将值存储在数据库中，如 MySQL，然后在访问管理页面时使用 PHP 获取该值。将值放入 HTML 字段，并使用 javascript（倒计时插件）为人类管理员将看到的倒计时设置动画。

下面的答案可能有助于您大致了解需要执行的操作：

有关 PHP 的更多信息，您可以在 TheNewBoston 上观看这些（免费）视频：

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

单击更改变量的值

Change the value of a variable on click

html

jquery

countdown