我希望在几秒钟后显示一个div,因此我将其分为两个部分,一个是响应该div的php,另一个是在几秒钟后用另一个div替换div的Java脚本.问题是在执行该脚本之前,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>';
}
这是该脚本
<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>