【油猴脚本】页面自动刷新

White_sky · 发表于 2024-9-22 13:56:58

本帖最后由 White_sky 于 2024-9-22 14:39 编辑

这是我心血来潮之下搞出来没什么软用的脚本，他的功能是在页面顶部添加一个切换式按钮，
在开启后会以3秒为间隔开始自动刷新当前页面
（时间可以调，调整方式是更改let refreshInterval = 3000;这一行的数字)

至于他有什么用呢，我也不知道，可能抢勋章可以用吧，哈哈哈哈哈哈哈哈哈哈哈

(如果下面有@开头的内容被<xxx></xxx>包围了的话自己去掉吧,我懒得弄了)

// ==UserScript==
// [url=home.php?mod=space&uid=668096]@Name[/url] Auto Refresh Script with Center Button (Per Page)
// @namespace http://your-unique-namespace.com/
// @version 0.5
// @description 每 3 秒刷新页面，并在顶部中心添加一个按钮控制开关，记住开关状态（仅当前页面有效）
// @author Your Name
// @match *://*/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
// 设置刷新间隔（3秒）
let refreshInterval = 3000;
let autoRefresh = sessionStorage.getItem('autoRefresh') === 'true'; // 从 sessionStorage 获取当前页面的开关状态
let intervalId = null;
// 创建按钮
const button = document.createElement('button');
button.style.position = 'fixed';
button.style.top = '10px';
button.style.left = '50%';
button.style.transform = 'translateX(-50%)'; // 水平居中
button.style.zIndex = '9999';
button.style.padding = '10px';
button.style.border = 'none';
button.style.cursor = 'pointer';
// 根据当前状态更新按钮样式和文本
function updateButton() {
if (autoRefresh) {
button.innerHTML = '自动刷新：开启';
button.style.backgroundColor = '#0f0';
// 如果没有定时器在运行，则启动定时器
if (!intervalId) {
intervalId = setInterval(() => {
location.reload();
}, refreshInterval);
}
} else {
button.innerHTML = '自动刷新：关闭';
button.style.backgroundColor = '#f00';
clearInterval(intervalId); // 停止定时器
intervalId = null;
}
}
// 按钮点击事件切换自动刷新状态
button.onclick = function() {
autoRefresh = !autoRefresh; // 切换状态
sessionStorage.setItem('autoRefresh', autoRefresh); // 将状态保存到 sessionStorage，仅对当前页面有效
updateButton(); // 更新按钮状态
};
// 初始化按钮状态
updateButton();
// 将按钮添加到页面中
document.body.appendChild(button);
})();