如何让PHP生成的页面提示消息5秒后自动隐藏？

首先得指出你代码里的两个关键问题：PHP的执行顺序错误，以及JavaScript的逻辑写错了，咱们一步步来修正：

1. 修正PHP代码的执行顺序 #

你原来的PHP代码是先跳转再设置SESSION，这会导致SESSION可能根本没被设置上！因为header('Location: edit.php')发送跳转指令后，浏览器会立刻跳转，当前脚本的后续代码大概率不会执行。正确的顺序应该是先设置SESSION，再跳转，并且加上exit;确保脚本停止运行：

<?php
// 先设置SESSION消息
$_SESSION['ok'] = '<span style="color:green">Dane zostały zaktualizowane!</span>';
// 再发送跳转指令
header('Location: edit.php');
// 必须加上exit，防止后续代码执行
exit;
?>

2. 优化HTML结构（可选但推荐） #

为了避免刷新页面后重复显示消息，我们可以在输出消息后立刻清除SESSION，同时只有当SESSION存在时才渲染消息容器：

<div class="editmessage">
    <?php if(isset($_SESSION['ok'])): ?>
        <h3 id="message"><?php echo $_SESSION['ok']; ?></h3>
        <?php 
        // 输出消息后立即清除SESSION，刷新页面就不会再显示了
        unset($_SESSION['ok']); 
        ?>
    <?php endif; ?>
</div>

3. 修正JavaScript代码 #

你原来的JS错误地把setTimeout的返回值赋值给了onclick事件，这完全不符合逻辑——我们要的是页面加载后自动计时隐藏，不需要绑定点击事件。另外还要先判断元素是否存在且有内容，避免控制台报错：

// 等待DOM完全加载后再执行
document.addEventListener('DOMContentLoaded', function() {
    const message = document.getElementById('message');
    // 检查元素存在且有实际内容
    if (message && message.textContent.trim() !== '') {
        // 5秒后开始隐藏（这里用了淡出过渡，体验更友好）
        setTimeout(function() {
            // 添加过渡动画
            message.style.transition = 'opacity 0.5s ease';
            message.style.opacity = '0';
            // 等过渡结束后再设置display:none，避免布局跳动
            setTimeout(function() {
                message.style.display = 'none';
            }, 500);
        }, 5000); // 5000毫秒=5秒
    }
});

如果不需要过渡动画，也可以简化成直接隐藏：

document.addEventListener('DOMContentLoaded', function() {
    const message = document.getElementById('message');
    if (message && message.textContent.trim() !== '') {
        setTimeout(function() {
            message.style.display = 'none';
        }, 5000);
    }
});

这样修改后，消息就会在页面加载完成后5秒自动消失，而且不会出现刷新重复显示的问题啦！

内容的提问来源于stack exchange，提问作者tobyku