Question

我正在使用The Final Countdown v2.0.4，它在我的本地计算机上工作正常，但在我的网络主机上，它似乎没有按预期工作。而不是倒计时只是立即到00:00。

jQuery代码：

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.countdown.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function()    {
            $(".timeLeft").each(function(i, obj) {
                var $dis = $(this), finalDate = $(this).text().replace("-", "/").replace("-", "/");
                var u = 0;
                $dis.countdown(finalDate, function(event) {
                    $dis.text(event.strftime('%M:%S'));
                    if(event.offset.minutes < 25 && u == 0) {
                        $dis.next().next().find("input[type='image']").attr("src", "images/glyphicons/png/glyphicons-207-ok.png");
                        u++;
                        $dis.next().next().find("input[type='image']").attr("title", "Acceptera uppdraget");
                    }
                });
            });
        });
    </script>

特定HTML代码：

<thead class="mission_title">
    <tr>
        <td class="timeLeft"><?php echo /*$interval->format("%I:%S")*/ $missions[$i]["expire"]; ?></td>
        <td><form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]) . "?do=request&id=" . $missions[$i]["id"]; ?>"><input type="number" title="Föreslå ersättning" style="width:35px;" min="<?php echo $missions[$i]["payment"]; ?>" value="<?php echo $missions[$i]["payment"]; ?>" name="price_offer"> <input name="request" type="image" src="<?php echo ($_SESSION["plus"] == 1 ? "images/glyphicons/png/glyphicons-207-ok.png" :  "images/glyphicons/png/glyphicons-208-remove.png"); ?>" alt="Acceptera Uppdraget" title="<?php echo ($_SESSION["plus"] == 1 ? "Acceptera uppdraget." : "Du måste vänta fem minuter innan du kan acceptera uppdraget." );?>" value="send"></td>
    </tr>
</thead>

感谢任何帮助，我尝试搜索，许多人认为区分大小写可能是一个问题;我无法在控制台中找到任何内容或通过校对我的代码，因此我不知道问题是什么。：（

编辑：

jQuery导入工作正常，我一直在使用其他jQuery函数，例如.click()，它可以正常工作。

Answer 1

我愚蠢，

我从未认为jQuery会使用本地时区;所以我必须将PHP输出转换为用户的时区，因为脚本不允许我为转换设置时区.. x_x

Answer 2

从＆＃34; timeLeft＆＃34;更改班级名称到＆＃34;时间左＆＃34;。

这是一种有点不同的方法，但它可能会让你更容易。

让你的php脚本输出目标时间作为数据属性（在这里使用纪元时间;无论是秒还是毫秒都可以。我假设秒。）：

 protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    // TODO Auto-generated method stub
    super.onActivityResult(requestCode, resultCode, data);

    Bitmap bp = (Bitmap) data.getExtras().get("data");
    iv.setImageBitmap(bp);
}

然后在Javascript中，我使用时刻库进行任何时间操作。无论你想要什么，它都很容易看起来。

以下是每秒更新一次显示的示例：

<td class="time-left" data-countdown-expire=
<?php echo $missions[$i]["expire"]; ?>
> <!-- rest of td goes here ... -->

Codepen example here

jQuery脚本适用于本地maschine，但不适用于Web主机

2 个答案: