谷歌Chrome浏览器扩展程序开发小记_javascript技巧

除了请假和法定节假日外，其他样式显示都是一样的，每次都要一个个估算这个月的大概工作时间，十分不方便。后来看到公司有人在用一个Chrome扩展程序，可以计算出一个月的工作时间，但是我觉得还是没有看到我想看的东西，因为除了每个月的累计工作时间外，我还想看到：平均每天工作时长、每一天的工作时长、20点以后的天数（20点以后下班的可以报销晚饭的，哈哈……）、22点以后下班的天数（报销打车费）……所以我决定还是自己写一个吧。

　　第一步，我先写了一个JS方法，然后通过F12开发者工具的Console复制粘贴运行。

　　公司用的OA系统没有引用jQuery库，所以我刚开始的想法是想动态引用jQuery类库，如下：

代码如下:var script = document.createElement("script");
script.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js";
document.body.appendChild(script);

但是遇到了问题：一个是$被占用，二是HR系统采用iframe嵌套，并且还有frame嵌套，结构很复杂。而console运行的代码是在最顶层运行的，后期的chrome扩展插件是运行在内部frame中的，可能这里的JS后面不能直接使用。虽然$被占用的问题可以通过jQuery.noConflict();来解决，但是jquery库和原来系统的JS库存在调用顺序的问题，而且在内部的frame中死活访问不到jQuery这个对象。最后我决定放弃使用jQuery，该用原生JavaScript。

JS代码如下：

/*
 * author:清明雨上
 * date:2016-1-5
 */
var mydate = function() {
 //time2-time1
 function getTimeDiff(time1, time2) {
 var st1 = time1.split(':');
 var st2 = time2.split(':');
 return ((st2[0] | 0) * 60 + (st2[1] | 0)) - ((st1[0] | 0) * 60 + (st1[1] | 0) * 1);
 }

 var timeList = [];
 var mymain = window.parent.frames['Main'].document.getElementById('ctl00_cphMain_CalendarAC');
 var listAC = mymain.getElementsByClassName('listAC');
 for (var i = 0; i < listAC.length; i++) {
 var item = listAC[i];
 var t = {};
 t.timeSpan = item.getElementsByTagName('td')[1].innerText;
 t.remark = item.getElementsByTagName('td')[2].innerText;
 timeList.push(t);
 };

 var totalMin = 0;
 var noworkDays = 0; //请假天数
 var workDays = 0; //实际上班天数
 var workHourEveryday = [];
 var no8h = 0; //未满8小时天数
 var over20 = 0; //20点以后下班天数
 var over21 = 0; //21点以后下班天数
 var over22 = 0; //22点以后下班天数
 var over23 = 0; //23点以后下班天数
 for (var i = 0; i < timeList.length; i++) {
 var time = timeList[i];
 if (time.remark != '无') {
 noworkDays++;
 continue;
 }
 if (time.timeSpan == '无刷卡记录')
 continue;

 var splitTime = time.timeSpan.split('~');
 if (splitTime.length == 2) {
 //正常上下班
 var begin = splitTime[0];
 var end = splitTime[1];
 var thisMin = getTimeDiff(begin, end);
 totalMin += thisMin;
 workDays++;
 if (thisMin / 60 < 8) {
 workHourEveryday.push('