我希望在几秒钟后显示一个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>

推荐答案

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

这里的问题是,该脚本隐藏了您的welcomediv. 您可以在php部分的div中添加style="display: none",这样当页面加载时,div就已经隐藏了.

然后,您可以从该脚本中删除welcomeButton.style.display = "none";

Javascript相关问答推荐

有没有可能使滑动img动画以更快的速度连续?

Google maps API通过API返回ZERO_RESULTS,以获得方向请求,但适用于Google maps

简单的PayPal按钮集成导致404错误

这个值总是返回未定义的-Reaction

对网格项目进行垂直排序不起作用

如何在Node.js中排除导出的JS文件

让chart.js饼图中的一个切片变厚?

在不删除代码的情况下禁用Java弹出功能WordPress

使每个<;li>;元素的 colored颜色 与随机生成的 colored颜色 列表不同(不重复

对具有相似属性的对象数组进行分组,并使用串连的值获得结果

图表4-堆叠线和条形图之间的填充区域

React:防止useContext重新渲染整个应用程序或在组件之间共享数据而不重新渲染所有组件

为什么我的SoupRequest";被重置为初始值,以及如何修复它?

Django模板中未加载JavaScript函数

Firebase函数中的FireStore WHERE子句无法执行

Reaction-在同一页内滚动导航(下拉菜单)

使用jQuery每隔几秒钟突出显示列表中的不同单词

在D3.js中创建具有旋转手柄的可拖动、可调整大小的框?

为什么我的AJAX联系人表单不能留在同一页上?

在Next.js v12.3.1和Reaction v18.2.0";中缩小了REACT错误#418和#423