前端知识笔记———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()方法来刷新页面。这样可以保持页面的自动刷新，但不会出现传统刷新（闪烁）现象。

前端知识笔记———JQuery 自动刷新页面但不闪烁的实现方法

评论已关闭

推荐阅读