這篇文章主要講解了JS腳本實(shí)現(xiàn)定時(shí)到網(wǎng)站上簽到/簽退功能的方法，內(nèi)容清晰明了，對此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會(huì)有幫助。
創(chuàng)新互聯(lián)公司2013年成立，先為資中等服務(wù)建站，資中等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為資中企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
之前介紹過使用temperMonkey屏蔽CSDN廣告的方法，主要就是要針對性地分析網(wǎng)站結(jié)構(gòu)，然后用代碼去改變或者操作DOM。今天也一樣，我們需要觀察網(wǎng)頁結(jié)構(gòu)，找到我們要操作的按鈕，觸發(fā)他的
click事件就可以了。下面以公司打卡簽到的網(wǎng)站為例，做一些壞壞的事情。本文讀者最好有一定的HTML和JavaScript基礎(chǔ)。
首先，想象一下你去簽到需要做什么：
然后每一步我們都可以讓代碼幫我們?nèi)プ觥?/p>
0. 如何定時(shí)
這段代碼是核心，就是根據(jù)當(dāng)前時(shí)間和設(shè)定的時(shí)間做差值，來確定定時(shí)器的值
看懂這段代碼，后面的就都容易了。都是在利用定時(shí)器觸發(fā)callback。
重慶分公司
重慶分公司
// user setting
const SIGN_IN_TIME = "09:30:00"; // 簽到時(shí)間
const SIGN_OUT_TIME = "20:00:00"; // 簽退時(shí)間
// 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 today
console.log("Seconds to sign out for today: " + (signOutTime - now) / 1000);
setTimeout(callback, signOutTime - now);
} else {
// ready to sign in for tomorrow
signInTime = +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. 定時(shí)自動(dòng)打開網(wǎng)站
因?yàn)榇蠖鄶?shù)網(wǎng)站都有，“長時(shí)間未操作-自動(dòng)退出”的設(shè)置。所以我們要在需要打卡的時(shí)候再打開網(wǎng)站。
在電腦本地跑一個(gè)程序，使用定時(shí)器。這里跑一個(gè)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 today
console.log("Seconds to sign out for today: " + (signOutTime - now) / 1000);
setTimeout(openBrowser, signOutTime - now);
} else {
// ready to sign in for tomorrow
signInTime = +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. 自動(dòng)登錄
這個(gè)重點(diǎn)還是在于找到需要填入內(nèi)容的DOM元素
(function() {
'use strict';
// login
document.querySelector("#loginid").value = "用戶名";
document.querySelector("#userpassword").value = "密碼";
document.querySelector("#login").click();
})();3. 定時(shí)點(diǎn)擊按鈕
這一步最重要的是要準(zhǔn)確找到按鈕，檢查元素慢慢查找吧。
其次，設(shè)定好簽到和簽退的時(shí)間，只有固定時(shí)間才會(huì)自動(dòng)簽到，防止每次登陸進(jìn)來自動(dòng)簽到或簽退，這樣太頻繁被發(fā)現(xiàn)。
(function() {
'use strict';
// user setting
const SIGN_IN_TIME = "09:00:00";
const SIGN_OUT_TIME = "21: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 today
console.log("Seconds to sign out for today: " + (signOutTime - now)/1000);
setTimeout(signInorSignOut, signOutTime - now);
} else {
// ready to sign in for tomorrow
signInTime = +signInTime + 60 * 60 * 24 * 1000;
console.log("Seconds to sign in for tomorrow: " + (signInTime - now)/1000);
setTimeout(signInorSignOut, signInTime - now);
}
// signInorSignOut
function signInorSignOut(){
logTime(`signInButton clicked!`);
// 重點(diǎn)就在這兒了，找到網(wǎng)站的簽到按鈕#signInButton，并觸發(fā)他的點(diǎn)擊事件
document.querySelector("#signInButton").click();
}
function logTime(str, time=new Date()){
console.log(`${str} -> ${time.getHours()}:${time.getMinutes()}:${time.getSeconds()}`);
}
})();4. 結(jié)束
一套操作，打完收工。每天下班的時(shí)候，不管是提前溜還是晚點(diǎn)到。記得本地開一下程序：
node timer.js
看完上述內(nèi)容，是不是對JS腳本實(shí)現(xiàn)定時(shí)到網(wǎng)站上簽到/簽退功能的方法有進(jìn)一步的了解，如果還想學(xué)習(xí)更多內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
