前端知识笔记———JQuery 自动刷新页面但不闪烁的实现方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自动刷新页面</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
// 设置定时器，每隔一定时间刷新页面
setInterval(function(){
location.reload();
}, 5000); // 5000毫秒（5秒）
});
</script>
</head>
<body>
<h1>页面将会在每隔5秒自动刷新</h1>
</body>
</html>这段代码使用了jQuery库和原生JavaScript实现了一个简单的自动刷新页面的功能。它通过设置一个setInterval定时器，每隔一定时间（这里设置为5秒）使用location.reload()方法来刷新页面。这样可以保持页面的自动刷新，但不会出现传统刷新（闪烁）现象。
评论已关闭