javascript - 如何仅使用 PHP 将 html div 替换为另一个 div？

Question

我希望一个 div 在几秒钟后显示，因此我将其分成两部分，一个是与该 div 相呼应的 php，第二个是一段 javascript，在几秒钟后用另一个 div 替换该 div。问题是在执行 javascript 之前，div 代码显示 2-3 秒。这是我不想要的。也许我们只用 PHP 就能做到这一点？ 这是PHP代码

if(isset($_GET['id']))
{
$slide = $_GET["id"];
$mytitle='Your id is '.$slide.' ,Welcome';
$murl='"https://example.com/?id='.$slide.'"';
echo '<div id="countdown"> </div>';
echo '<div id="loader"></div>';
echo '<div id="welcome"><a href='.$murl.'>'.$mytitle.'</a></div>';
</div>';
}

这是 JavaScript

<script>
window.onload = function() {
var countdownElement = document.getElementById("countdown"),
    welcomeButton = document.getElementById("welcome"),
    loader=document.getElementById("loader"),
    seconds = 30,
    second = 0,
    interval;

    welcomeButton.style.display = "none";

interval = setInterval(function() {
    countdownElement.firstChild.data = "Preparing your welcome in " + (seconds - second) + " seconds, Please wait";
    if (second >= seconds) {
        welcomeButton.style.display = "block";
        loader.style.display="none";
        clearInterval(interval);
    }

    second++;
}, 1000);
}
</script>

Answer 1

您将无法使用 php 对页面进行动态更改。

这里的问题是 JavaScript 隐藏了您的 welcome div。 可以在php部分的div中添加style="display: none"，这样当页面加载时，div就已经隐藏了。

然后您可以从 JavaScript 中删除 welcomeButton.style.display = "none";