单击时更改变量的值

时间:2016-01-19 02:42:09

标签: jquery html countdown

我试图在单击按钮时更改变量的值,并使用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>
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分: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 δευτερόλεπτα'));
    });
});

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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