如何添加按钮修改页面刷新定时器？实现2秒转10秒刷新

直接通过URL参数传递刷新时长的方式就能实现需求，以下是完整的代码实现：

<?php
$page = $_SERVER['PHP_SELF'];
// 读取GET参数设置刷新时长，默认2秒，确保参数为合法数字
$sec = isset($_GET['sec']) && is_numeric($_GET['sec']) ? (int)$_GET['sec'] : 2;
?>
<html>
    <head>
        <!-- 自动刷新的meta标签，URL带上切换后的时长参数 -->
        <meta http-equiv="refresh" content="<?php echo $sec?>;URL='<?php echo $page?>?sec=<?php echo $sec == 2 ? 10 : 2?>'">
    </head>
    <body>
        <!-- 切换按钮，点击后跳转到带对应时长参数的当前页面 -->
        <button onclick="location.href='<?php echo $page?>?sec=<?php echo $sec == 2 ? 10 : 2?>'">
            切换到<?php echo $sec == 2 ? 10 : 2?>秒刷新
        </button>
        <p>当前刷新时长：<?php echo $sec?>秒</p>
    </body>
</html>

逻辑说明 #

• PHP部分会优先读取URL中的sec参数，若参数不存在或不合法，则默认使用2秒作为刷新时长
• 页面自动刷新时，会自动带上切换后的时长参数（比如当前是2秒，刷新后就会携带sec=10，保持10秒刷新的状态）
• 按钮点击后直接跳转至携带目标时长参数的当前页面，实现一键切换刷新频率

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