【JavaScript】分享一个定时到网站上签到/签退的JS脚本

之前介绍过使用temperMonkey屏蔽CSDN广告的方法，主要就是要针对性地分析网站结构，然后用代码去改变或者操作DOM。今天也一样，我们需要观察网页结构，找到我们要操作的按钮，触发他的click事件就可以了。下面以公司打卡签到的网站为例，做一些坏坏的事情。本文读者最好有一定的HTML和JavaScript基础。

首先，想象一下你去签到需要做什么：

打开网站
登陆
点击“签到”按钮

然后每一步我们都可以让代码帮我们去做。

0. 如何定时

这段代码是核心，就是根据当前时间和设定的时间做差值，来确定定时器的值
看懂这段代码，后面的就都容易了。都是在利用定时器触发callback。

// user setting
const SIGN_IN_TIME = "09:30:00"; // 签到时间
const SIGN_OUT_TIME = "20:00:00"; // 签退时间// code implementation
logTime("code start running");
const now = new Date();
const today = now.getFullYear() + "-" + (now.getMonth() + 1) + "-" + now.getDate();
var signInTime = +new Date(`${today} ${SIGN_IN_TIME}`);
logTime("signInTime", new Date(signInTime));
var signOutTime = +new Date(`${today} ${SIGN_OUT_TIME}`);
logTime("signOutTime", new Date(signOutTime));
// diff in or out
if (now > signInTime && now < signOutTime) {// ready to sign out for todayconsole.log("Seconds to sign out for today: " + (signOutTime - now) / 1000);setTimeout(callback, signOutTime - now);
} else {// ready to sign in for tomorrowsignInTime = +signInTime + 60 * 60 * 24 * 1000;console.log("Seconds to sign in for tomorrow: " + (signInTime - now) / 1000);setTimeout(callback, signInTime - now);
}function logTime(str, time = new Date()) {console.log(`${str} -> ${time.getHours()}:${time.getMinutes()}:${time.getSeconds()}`);
}

1. 定时自动打开网站

因为大多数网站都有，“长时间未操作-自动退出”的设置。所以我们要在需要打卡的时候再打开网站。
在电脑本地跑一个程序，使用定时器。这里跑一个node程序：

const open = require('open');
logTime("Start Runing");// user setting
const SIGN_IN_TIME = "09:30:00";
const SIGN_OUT_TIME = "20:20:00";// code implementation
const openBrowser = async () => {await open('http://172.10.80.42');
};
logTime("code start running");
const now = new Date();
const today = now.getFullYear() + "-" + (now.getMonth() + 1) + "-" + now.getDate();
var signInTime = +new Date(`${today} ${SIGN_IN_TIME}`);
logTime("signInTime", new Date(signInTime));
var signOutTime = +new Date(`${today} ${SIGN_OUT_TIME}`);
logTime("signOutTime", new Date(signOutTime));
// diff in or out
if (now > signInTime && now < signOutTime) {// ready to sign out for todayconsole.log("Seconds to sign out for today: " + (signOutTime - now) / 1000);setTimeout(openBrowser, signOutTime - now);
} else {// ready to sign in for tomorrowsignInTime = +signInTime + 60 * 60 * 24 * 1000;console.log("Seconds to sign in for tomorrow: " + (signInTime - now) / 1000);setTimeout(openBrowser, signInTime - now);
}function logTime(str, time = new Date()) {console.log(`${str} -> ${time.getHours()}:${time.getMinutes()}:${time.getSeconds()}`);
}

2. 自动登录

这个重点还是在于找到需要填入内容的DOM元素

(function() {'use strict';// logindocument.querySelector("#loginid").value = "用户名";document.querySelector("#userpassword").value = "密码";document.querySelector("#login").click();
})();

3. 定时点击按钮

这一步最重要的是要准确找到按钮，检查元素慢慢查找吧。
其次，设定好签到和签退的时间，只有固定时间才会自动签到，防止每次登陆进来自动签到或签退，这样太频繁被发现。

(function() {'use strict';// user settingconst SIGN_IN_TIME = "09:00:00";const SIGN_OUT_TIME = "21:00:00";// code implementationlogTime("code start running");const now = new Date();const today = now.getFullYear()+"-"+(now.getMonth()+1)+"-"+now.getDate();var signInTime = +new Date(`${today} ${SIGN_IN_TIME}`);logTime("signInTime", new Date(signInTime));var signOutTime = +new Date(`${today} ${SIGN_OUT_TIME}`);logTime("signOutTime", new Date(signOutTime));// diff in or outif(now > signInTime && now < signOutTime) {// ready to sign out for todayconsole.log("Seconds to sign out for today: " + (signOutTime - now)/1000);setTimeout(signInorSignOut, signOutTime - now);} else {// ready to sign in for tomorrowsignInTime = +signInTime + 60 * 60 * 24 * 1000;console.log("Seconds to sign in for tomorrow: " + (signInTime - now)/1000);setTimeout(signInorSignOut, signInTime - now);}// signInorSignOutfunction signInorSignOut(){logTime(`signInButton clicked!`);// 重点就在这儿了，找到网站的签到按钮#signInButton，并触发他的点击事件document.querySelector("#signInButton").click();}function logTime(str, time=new Date()){console.log(`${str} -> ${time.getHours()}:${time.getMinutes()}:${time.getSeconds()}`);}
})();

4. 结束

一套操作，打完收工。每天下班的时候，不管是提前溜还是晚点到。记得本地开一下程序：

node timer.js

【JavaScript】分享一个定时到网站上签到/签退的JS脚本相关推荐

分享一个有趣的网站“让我帮你百度一下“
如何解决同事的弱智问题,分享一个有趣的网站日常工作中,总有些人会问你一些弱智的问题你只需要三步就可以完美解决: 1.打开这个链接: 让我帮你百度一下 2.输入他的问题.点回车 3.复制结果链接甩到 ...
javascript 实现一个定时遍历数组，每隔一段相同的时间取出数组中的一项进行操作
javascript 实现一个定时遍历数组的方法,每隔一段相同的时间取出数组中的一项进行操作如果使用频繁建议可以利用原型链,方法挂在在Array的prototype上面 setTimeInLoop ...
分享一个如何从电脑上彻底删除WPS的操作
分享一个如何从电脑上彻底删除WPS的操作@TOC 一. 打开WPS的安装文件,找到utility下的uninst.exe后运行注意不要勾选保留用户配置文件二. 然后打开regedit注册表,找到\ ...
分享一个AI模型网站，琳琅满目
分享一个AI模型网站,配合我先前分享的文本生成图片-稳定扩散模型web端,绝对
实现高德地图签到签退（uniapp）
项目场景: 用uniapp 实现签到签退(使用高德的api) 问题描述提示:这里描述项目中遇到的问题: 例如:使用uniapp 自带的组件不能实现点击地图再签退提示思路: 提示:使用uniapp ...
OA系统：实现签到签退功能
一.思路 1.创建数据库(注:添加自增主键或者双主键,这里使用了自增主键dtid) 2.创建控制层和业务层,添加signin和signout两种方法二.功能实现 1.创建数据库 create tab ...
JavaEE中，考勤（签到签退）功能的实现
体会实现具体功能的思想并加以运用签到功能 1.数据库中要有相应的表,并创建相应的实体类,复写相关方法 2.在相关的jsp页面添加两个jsp按钮,用于签到与签退,并添加id属性 3.在servlet中 ...
分享一个打字练习网站
成为一个优秀的程序员,打字速度虽然不是必要条件.但是一个打字快的程序员,必然会享受自己的打字速度,速度快听着啪啪声实在是爽的不行. Ratatype Ratatype 是一个在线的打字教程网站,能够帮 ...
每日自动签到签退的程序
公司里有一个网页版的考勤系统.每天打开电脑,用域账户登录,然后打开IE,输入网址,系统会自动感知你的域账户,显示个人信息,在8点半之前点击签到就不算迟到. 像下面的图这样终于有一天由于地铁故障迟到了 ...

【JavaScript】分享一个定时到网站上签到/签退的JS脚本

0. 如何定时

1. 定时自动打开网站

2. 自动登录

3. 定时点击按钮

4. 结束

【JavaScript】分享一个定时到网站上签到/签退的JS脚本相关推荐

最新文章

热门文章