当前位置:首页 > JavaScript

js实现挂机

2026-03-02 06:05:50JavaScript

使用 setInterval 实现定时任务

通过 setInterval 可以周期性执行特定代码,适用于模拟挂机操作。例如每 5 秒执行一次动作:

const intervalId = setInterval(() => {
    console.log("执行挂机任务...");
    // 这里添加具体操作,如点击按钮、发送请求等
}, 5000);

// 停止挂机
// clearInterval(intervalId);

监听页面元素自动交互

结合 MutationObserver 监听 DOM 变化并触发操作,适用于需要动态响应的场景:

const observer = new MutationObserver((mutations) => {
    const targetButton = document.querySelector("#auto-btn");
    if (targetButton) {
        targetButton.click(); // 自动点击按钮
    }
});
observer.observe(document.body, { childList: true, subtree: true });

模拟键盘/鼠标事件

通过 dispatchEvent 触发事件,实现自动化输入或点击:

// 模拟键盘输入
const inputEl = document.querySelector("#input-field");
inputEl.dispatchEvent(new KeyboardEvent("keydown", { key: "A" }));

// 模拟鼠标点击
const buttonEl = document.querySelector("#submit-btn");
buttonEl.dispatchEvent(new MouseEvent("click"));

使用 requestIdleCallback 优化性能

在浏览器空闲时执行低优先级任务,避免阻塞主线程:

js实现挂机

function runIdleTask() {
    requestIdleCallback(() => {
        console.log("后台挂机中...");
        runIdleTask(); // 递归调用保持持续运行
    });
}
runIdleTask();

注意事项

  • 避免高频操作:间隔时间不宜过短(如低于 1 秒),可能被检测为异常行为。
  • 跨域限制:脚本仅对当前页面生效,无法直接操作跨域 iframe 或浏览器标签页。
  • 页面刷新:挂机脚本通常在页面刷新后失效,需配合浏览器插件(如 Tampermonkey)持久化。

完整示例(自动点击按钮)

// 每 3 秒点击一次指定按钮
const interval = setInterval(() => {
    const btn = document.querySelector("#target-button");
    if (btn) btn.click();
}, 3000);

// 10 分钟后停止
setTimeout(() => clearInterval(interval), 600000);

标签: js
分享给朋友:

相关文章

js实现拷贝

js实现拷贝

实现文本拷贝 使用 document.execCommand 方法(已废弃但兼容性较好): function copyText(text) { const textarea = document…

js实现延迟

js实现延迟

实现延迟的方法 在JavaScript中,实现延迟操作有多种方式,以下是几种常见的方法: 使用setTimeout函数 setTimeout是JavaScript中最常用的延迟执行方法。它接受一个回…

js手势实现

js手势实现

手势识别实现方法 在JavaScript中实现手势识别通常涉及监听触摸事件(touchstart、touchmove、touchend)或鼠标事件(mousedown、mousemove、mouseu…

js实现自举

js实现自举

实现 JavaScript 自举的方法 JavaScript 自举(Bootstrap)通常指通过 JavaScript 动态加载自身或依赖的脚本,实现运行时环境的初始化或扩展。以下是几种常见实现方式…

js实现菜单

js实现菜单

实现基本HTML结构 使用HTML创建菜单的基本框架,通常包含<ul>和<li>元素。示例结构如下: <ul id="menu"> <li><…

js 实现日历

js 实现日历

实现日历的基本思路 日历的核心功能是展示日期,并允许用户进行日期选择或导航。JavaScript 可以动态生成日历的 HTML 结构,并处理用户交互逻辑。 基础日历结构 日历通常包含头部(显示月份和…