javascript - 当变量(时间)为0时显示div

Question

我试图在时间(从数据库导入)时显示 div - 当前时间将为 0。如何做到这一点？代码如下:

while ($row = mysqli_fetch_array($result)) {
    echo "<div class='alert' id='" . $row['id'] . "' style='display:none'><br><br><center><h2>";
    echo $row['title'];
    echo "<br><br>";
    echo $row['category'];
    echo "</h2><br><br><hr><br><br></center>";
    echo $row['description'];
    echo "</div>";
    $timeFirst  = strtotime($row['date']);
    $timeSecond = strtotime("now");
    $differenceInSeconds = $timeFirst - $timeSecond;
    if ($differenceInSeconds==0)
    {
        echo "<script>";
        echo "$(document).ready(function(){";
        echo "$('#". $row['id'] . "').show();";
        echo "$('#". $row['id'] . "').delay(15000);";
        echo "$('#". $row['id'] . "').hide();";
        echo "});";
        echo "</script>";
    }
}

Answer 1

我认为您想在 javascript 代码中添加 setTimeout() 而不是 if ($differenceInSeconds==0) {} PHP 端。

此外，您还需要重写 jQuery(有效地显示元素，不延迟任何内容并立即隐藏它)

$("#element").show();
$("#element").delay(15000);
$("#element").hide();

至

$("#element").show().delay(15000).hide(0);

完整代码如下。

while ($row = mysqli_fetch_array($result)) {
    echo "<div class='alert' id='" . $row['id'] . "' style='display:none'><br><br><center><h2>";
    echo $row['title'];
    echo "<br><br>";
    echo $row['category'];
    echo "</h2><br><br><hr><br><br></center>";
    echo $row['description'];
    echo "</div>";
    $timeFirst  = strtotime($row['date']);
    $timeSecond = strtotime("now");
    $differenceInSeconds = $timeFirst - $timeSecond;

    // Adding a setTimeout so your JS code actually gets written and executes when it should.
    if ($differenceInSeconds >= 0) {
        echo "<script>";
        echo "$(document).ready(function(){";
        echo "window.setTimeout(function() {";
        echo "$('#". $row['id'] . "').show().delay(15000).hide(0);";
        echo "}, " . $differenceInSeconds * 1000 . ");";
        echo "});";
        echo "</script>";
    }
}