以下是一个简单的漂亮的禁止频繁刷新的PHP页面示例,其中包含了一些CSS和JavaScript代码来提高用户体验:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>禁止频繁刷新</title>
<style>
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
.container {
margin: 100px auto;
text-align: center;
}
h1 {
font-size: 3em;
color: #555;
}
p {
font-size: 1.5em;
color: #999;
}
button {
padding: 10px 20px;
border: none;
background-color: #4CAF50;
color: white;
font-size: 1.5em;
cursor: pointer;
}
</style>
<script>
// 禁止用户在短时间内频繁提交表单
function preventFormResubmission() {
if ( window.history.replaceState ) {
window.history.replaceState( null, null, window.location.href );
}
}
</script>
</head>
<body onload="preventFormResubmission();">
<div class="container">
<?php
session_start();
$lastRefreshTime = $_SESSION['lastRefreshTime'] ?? 0; // 获取上次刷新时间,默认为0
$current_time = time(); // 获取当前时间戳
$refresh_limit = 5; // 设置刷新限制时间,单位为秒
if (($current_time - $lastRefreshTime) < $refresh_limit) {
echo "<h1>请勿频繁刷新页面!</h1>";
echo "<p>您必须等待 " . ($refresh_limit - ($current_time - $lastRefreshTime)) ." 秒才能再次刷新。</p>";
} else {
$_SESSION['lastRefreshTime'] = $current_time;
?>
<h1>欢迎来到我的网站!</h1>
<p>这是一个禁止频繁刷新的页面示例。</p>
<button onclick="location.reload();">刷新页面</button>
<?php
}
?>
</div>
</body>
</html>
该页面使用了简单的样式和JavaScript代码,使其看起来更加漂亮,并且当用户在短时间内频繁刷新页面时,会显示一个友好的提示信息告诉用户需要等待多久才能再次刷新。此外,还使用了JavaScript代码来防止用户重复提交表单。
声明:本站所收录作品、热点评论、图片等信息部分来源互联网,目的只是为了系统归纳学习和传递资讯。内容不代表本网站的观点和立场。请读者仅作参考,并请自行核实相关内容。本站所有图文由于未联系到知识产权人或未发现有关知识产权的登记,所有作品版权归原创作者所有,根据《信息网络传播权保护条例》,如不慎侵犯了你的权益,请联系我们告知,我们将做删除处理!