碼上快樂

相關內容    簡體    繁體

自動簽到升級版（JS實現的每日定時任務）

本文轉載自   查看原文   2014-08-28 08:46   6255 

公司規定每日簽到兩次；日子太安逸了，有時候中午居然會忘記簽到……

於是，筆者尋思寫一個自動簽到的腳本；每天指定兩個簽到時段，每次打開頁面，先檢測當前是否為簽到時段，如果在簽到時段，則檢查cookie中記錄的值，確認該時段是否已經簽到過了，巴拉巴拉…… 具體細節見流程圖：

其中第一步調用的getCheckTime用來檢測當前是否為簽到時間，並返回當前時間距下一個時段的毫秒數，具體請見下面的流程圖：

整個頁面的代碼如下，其中用到了筆者《JavaScript類庫/組件/框架封裝的總體結構》一文中提到的框架，封裝了一個定時運行器，具體用法見注釋：

[html]  view plain copy print ?
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  2. <html>  
  3.     <head>  
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  5.         <meta name="author" content ="http://blog.csdn.net/NearEast"/>  
  6.         <title>check in page</title>  
  7.         <style type="text/css">  
  8.             .clear{  
  9.                 clear:both;  
  10.             }  
  11.             .float{  
  12.                 float:left;  
  13.             }  
  14.         </style>  
  15.     </head>  
  16.     <body>  
  17.         <div id="dInfo" class="float"></div>  
  18.         <div class="clear"></div>  
  19.         <div id="wrap">  
  20.           <iframe class="float" id='i_iframe1' name="n_iframe1" frameborder="0"></iframe>  
  21.           <iframe class="float" id='i_iframe2' name="n_iframe2" frameborder="0"></iframe>  
  22.             <form target="n_iframe1" name="loginform" method="post" action="http://192.168.19.11:8010/signin/signin.jsp">  
  23.             <input name="name" type='hidden' value='nidong' />  
  24.             <input name="passwd" type='hidden' value='11111111' />  
  25.         </form>  
  26.       </div>  
  27.     </body>  
  28.     <script type="text/javascript">  
  29. <span style="white-space:pre">      </span>//封裝一個定時運行器  
  30.         (function( window, undefined ) {  
  31.             var doc = window.document;  
  32.             var _checkTime, _func, _tip, _print;  
  33.             /**  
  34.             初始化參數checkTime指定功能執行的時段，默認時間為'8:15'到'9:00'，以及'12:35'到'14:00'兩個時段  
  35.             checkTime應該是24小時制的，並且前面的絕對時間小於后面的絕對時間，例如'00:00:10'在'23:59'的前面  
  36.             func：在該時間段要執行的功能  
  37.             printFunc：日志信息的打印方法，默認為console.log方法打日志  
  38.             tip：要執行的功能的描述，tip可以是html語句，與printFunc結合可能達到各種效果，如例子所示  
  39.             */  
  40.         var checkUtil = function(conf) {  
  41.             _checkTime = conf.checkTime || ['8:15', '9:00', '12:35','14:00'];  
  42.             _func = conf.func;  
  43.             _tip = conf.tip || '功能執行';  
  44.             _print = conf.printFunc || console.log;  
  45.             _checkAndSet();  
  46.         };  
  47.         window.checkUtil= checkUtil;  
  48.           
  49.             /**基於一個指定日期的時間base，通過'hh:mm:ss'格式的時間字符串，獲取其毫秒時間  
  50.             默認秒數為0  
  51.             */  
  52.             function _getMillisecond(base, str){  
  53.                 var slices = str.split(':');  
  54.                 if(!base instanceof Date || slices.length<2){  
  55.                     alert('param error');  
  56.                     return;  
  57.                 }  
  58.                 base.setHours(parseInt(slices[0]));  
  59.                 base.setMinutes(parseInt(slices[1]));  
  60.                 base.setSeconds(parseInt(slices[2]||'0'));  
  61.                 return base.getTime();  
  62.             }  
  63.               
  64.             /**計算是否處在簽到時間段(flag==true)，並返回距離下一次簽到還有多久（毫秒）  
  65.             */  
  66.             function _getCheckTime(){  
  67.                 var split = [], d = new Date(), curTime = new Date(d);  
  68.                 d.setMilliseconds(0);  
  69.                 for(var i=0;i<_checkTime.length;i++){  
  70.                     split[i] = _getMillisecond(d, _checkTime[i]);  
  71.                 }  
  72.                 //最后一個元素為第一個元素加上24小時，意為循環到第二天  
  73.                 split.push(24*3600*1000 + split[0]);  
  74.                 split.unshift(_getMillisecond(d, '00:00:00'));  
  75.                   
  76.                 var start, end;  
  77.                 for(var i=0;i<split.length;i++){  
  78.                     start = split[i];  
  79.                     end = split[(i+1)%split.length];  
  80.                     if(start<=curTime && curTime<=end){  
  81.                         return{  
  82.                             eclipse:end - curTime,  
  83.                             flag:i%2==1/*第奇數個元素*/  
  84.                         }  
  85.                     }  
  86.                 }  
  87.                   
  88.                 return 'error';  
  89.             }  
  90.               
  91.             function _addCookie(name, value) {  
  92.                 var hours = 2;  
  93.                 var exp = new Date();  
  94.                 exp.setTime(exp.getTime() + hours * 60 * 60 * 1000);  
  95.                 doc.cookie = name + "=" + escape(value) + ";expires="+ exp.toGMTString();  
  96.             }  
  97.             function _getCookie(name) {  
  98.                 var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");  
  99.                 if (arr = doc.cookie.match(reg))  
  100.                     return unescape(arr[2]);  
  101.                 else  
  102.                     return null;  
  103.             }  
  104.             function _delCookie(name) {  
  105.                 doc.cookie = name + "=n;expires=Thu, 01-Jan-70 00:00:01 GMT";  
  106.             }  
  107.               
  108.             function _checkAndSet(){  
  109.                 var ret = _getCheckTime();  
  110.                 if(ret.flag){  
  111.                     _print('當前為' + _tip + '時段');  
  112.                     var checked = _getCookie('_checked');  
  113.                     if(checked == 'true'){  
  114.                         _print('本時段已' + _tip);  
  115.                     }else{  
  116.                         _print('現在執行' + _tip);  
  117.                         _func();  
  118.                         //////////////////////////print some information  
  119.                         _addCookie('_checked', 'true');  
  120.                     }  
  121.                 }else{  
  122.                     _print('當前非' + _tip + '時段');  
  123.                     _delCookie('_checked');  
  124.                 }  
  125.                   
  126.                 setTimeout(function(){  
  127.                     _checkAndSet();  
  128.                 }, ret.eclipse);  
  129.                 _print('將於' + ret.eclipse/1000 + '秒之后，執行_checkAndSet()');  
  130.             };  
  131.       
  132.         })(window);  
  133.           
  134.         window.onresize = function(){  
  135.             var frm = document.getElementById('i_iframe1');  
  136.             var frm2 = document.getElementById('i_iframe2');  
  137.             document.getElementById('wrap').style.height = document.documentElement.clientHeight+'px';  
  138.             frm.width=frm2.width='50%';//document.documentElement.clientWidth/2;  
  139.             frm.height=frm2.height='100%';//document.documentElement.clientHeight;  
  140.         };  
  141.   
  142.         window.onload = function(){  
  143.             window.onresize();  
  144.             ///////////////////////////////As a single page  
  145.             checkUtil({func:function(){  
  146.                     checkon();  
  147.                 }, tip:'<a href="javascript:checkon();">簽到</a>'  
  148.                 , checkTime:['15:50', '15:50:10', '15:50:20','15:50:30']  
  149.                 , printFunc:function(txt){  
  150.                     document.getElementById('dInfo').innerHTML += txt+'<br>';  
  151.                 }  
  152.             });  
  153.         }  
  154.           
  155.         function checkon(){  
  156.             loginform.childNodes[1].value='nidong';  
  157.             loginform.target="n_iframe1";  
  158.             loginform.submit();  
  159.             loginform.childNodes[1].value='gengap';  
  160.             loginform.target="n_iframe2";  
  161.             loginform.submit();  
  162.         }  
  163.   
  164.     </script>  
  165. </html>  

以上頁面的js代碼中，封裝了一個checkUtil組件，可以用來定期執行任務。初始化參數checkTime中可以給出一天之內的多個時段，只要瀏覽器頁面是打開狀態，到了一定時間就將運行func參數指定的函數；如果天天不關機，就可以一勞永逸，不用操心func函數的運行了。不過雖然代碼幾經修改，存在別的小問題還是難免的，也不能完全依賴它做事；定期查看一下日志還是很必要的。

由於Chrome只支持online cookie，直接把代碼粘到一個本地文件運行是無效的，其它瀏覽器不存在這個問題。


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 js實現每日定時任務 定時任務 Wpf.Quartz.Demo.5 (升級版） nodejs什么值得買自動簽到自動評論定時任務 js定時任務 定時任務、js定時任務 Odoo定時任務(自動任務） 定時任務：每日定時執行命令或者腳本 Odoo定時任務（自動任務） 使用Navicate設置定時任務 / 實現自動處理 Node.js實現定時任務
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM