js基础和工具库

 /*
  * 作者：   胡乐
  * 2015/4/18
  * js 基础 和 工具库
  *
  *
  * */
 //根据获取对象
 function hGetId(id){
     return document.getElementById(id);
 }
 //获取标签
 function hGetTagName(el , parentObj){
     return parentObj?parentObj.getElementsByTagName(el):document.getElementsByTagName(el);
 }
 //获取class
 function hGetClass(paremtObj,tagName,className){

     var aEl = obj.getElementsByTagName(tagName);
     var arr = [];
     var arrClassName = [];

     for (var i = 0; i < aEl.length; i++) {
         arrClassName = aEl[i].className.split(' ');
         for (var j = 0; j < arr2.length; j++) {
             if(arrClassName[j] === className){
                 arr.push(aEl[i]);
                 break;
             }
         }
     }

     return arr;
 }
 //查找数组是否存在某一个值
 function arrIndexOf(arr , v){
     for (var i = 0; i < arr.length; i++) {
         if(arr[i] == v){
             return i;
         }
     }
     return -1;
 }
 //添加class
 function addClass(obj,className){
     if(obj.className == ''){
         obj.className = className;
     }else{
         var arrClassName = obj.className.split(' ');
         var _index = arrIndexOf(arrClassName , className);
         if(_index == -1){
             obj.className += ' '+className;
         }
     }
 }
 //移除class
 function removeClass(obj,className){
     if(obj.className != ''){
         var arrClassName = obj.className.split(' ');
         var _index = arrIndexOf(arrClassName, className);
         if(_index != -1){
             arrClassName.split(_index,1);
             obj.className = arrClassName.join(' ');
         }
     }
 }
 //获取对象样式
 function hGetStyle(obj , attr){
     return obj.currentStyle?obj.currentStyle[attr] : getComputedStyle( obj ,null )[attr];
 }

 //移动函数
 function hDoMove(obj , attr ,s ,target , endFn ){
     // 获取当前对象的的位置
     var pos = parseInt(hGetStyle(obj,attr));
     //如果目标点的位置 大于当前距离，那么 就是正向移动，否则就是负向移动
     s = target > pos ? s : -s;
     //清除上一个定时器
     clearInterval(obj.hDoMovetimer);
     //创建新的定时器
     obj.hDoMovetimer = setInterval(function(){
         //距离等于 当前对象的实时距离 +  每次要移动的距离
         var distance = parseInt(hGetStyle(obj,attr)) + s ;
         // 如果 上一步计算的距离大于 给定的目标点距离， 进行修正  =  目标距离
         if( distance > target && s > 0 || distance < target && s < 0){
             distance = target;
         }
         //  对象移动
         obj.style[attr] = distance + 'px';
         // 如果距离 已经到达目标点， 清除定时器，执行回调函数
         if( distance === target){
             clearInterval(obj.hDoMovetimer);
             // 回调函数是否是未定义？  不是则执行
             endFn && endFn();
         }
     },20)
 }
 //抖动函数
 function hShake ( obj, attr, endFn ) {
     /*
      *   两种办法解决抖动函数隐患的问题：
      * 1. 进入函数先  进到一个if控制，永远不直接执行抖动函数的主体代码 ， 而是取当前 对象的位置和  50毫秒后的位置 ，  比较是否相等， 如果相等，
      *          则 说明对象当前抖动已经结束， 可以执行抖动效果！（有稍微的一点小BUG）
      * 2.   如果用一个变量开关来控制，也是挺好的， 但是， 变量开关不能函数开始被初始化也不能在函数结束后被清除。。 否则，每次触发这函数都可以
      *         顺利的往下执行抖动函数的主体代码，那就不能修复问题。  需要一个变量，他能存在的时间更长，  将变量挂在 window 的身上的时候 （win
      * dow.flag = false），每次就只能触发一次 对象进行抖动，下一个需要等到上一个抖动的对象抖动结束后，才能抖动， 这种效果，并不是想要
      * 的，所以  ， 将开关挂在 传递进来的 obj身上 是最好的选择， 每个对象身上的开关管理 各自身上的 抖动问题处理，而且obj.flag在函数执行结束后
      * 并没有被回收，因为，他是从函数外部传递进来的，生命期很长！！ 这样再次触发函数的时候，obj.flag = true，这个条件成立  if(obj.flag)
      * {return}  ，不往下执行了。。。除非抖动结束后， num ===  数组的最后一个值， 这时候才 赋值 为 false.
      * */
     if(obj.flag) {return} ; //初始化 未定义（false 不执行 return)，
     obj.flag = true; // 马上赋值 true，  这样再次触发 函数  上一个判断就为 真（obj.flag 是传递进来的对象的属性，而对象是从外部传进来的，所以 没有被回收）， 直接返回 ，不执行以下代码。

     var pos = parseInt( hGetStyle(obj, attr));    // 刚开始对象的位置

     //抖动函数运动轨迹数组
     var arr = [];            // 20, -20, 18, -18 ..... 0
     var num = 0;
     var timer = null;
     //自动生成一个运动轨迹的数组
     for ( var i=20; i>0; i-=2 ) {
         arr.push( i, -i );
     }
     arr.push(0);
     //先清除定时器
     clearInterval( obj.shake );

     obj.shake = setInterval(function (){
         obj.style[attr] = pos + arr[num] + 'px';
         num++;
         //如果已经运动到最后一个值，清除定时器，执行回调函数
         if ( num === arr.length ) {
             clearInterval( obj.shake );
             endFn && endFn();
             obj.flag = false;  //抖动结束后， 赋值false， 再次触发这个函数，会执行顶部的判断,就能再次抖动拉
         }
     }, 50);
 }

 /*
 读取或者设置el元素的透明值，val取值为0-1
 */
 function hOpacity(el,val) {
     var f=el.filters,s=el.style;
     if (arguments.length==1)
         return f?(f.alpha?(f.alpha.opacity/100):1):(s.opacity||1);
     s.zoom=1;
     s.filter="alpha(opacity="+parseInt(val*100)+")";
     s.opacity=val;
 };

 //透明度淡出函数
 function hFadeOut(obj , time ,endFn){
     obj.iNum = 0;
     clearInterval(obj.hFadeTimer);
     obj.hFadeTimer = setInterval(function(){
         obj.iNum++;
         //使用设置和读取透明度函数
         hOpacity(obj,hOpacity(obj)-0.1);
         //处理有些浏览器透明度不能到零的问题。
         if(obj.iNum >= 10){
             obj.style.opacity = 0;
             obj.iNum = 0;
         }
         if(hGetStyle(obj, 'opacity') == 0){
             clearInterval(obj.hFadeTimer);
             endFn && endFn();
         }
     },time)
 }

 //获取当前并设置详细年月日期,设置第二个参数来确定获得的年月日详细情况
 function hgetTime(iNum){
     var hTime ={};

     var myTime = new Date();

     var iYear = myTime.getFullYear();
     var iMonth = myTime.getMonth()+1;
     var iDate = myTime.getDate();
     var iWeek = myTime.getDay();
     var iHours = myTime.getHours();
     var iMin = myTime.getMinutes();
     var iSec = myTime.getSeconds();

     if( iWeek === 0 ) iWeek = '星期日';
     if( iWeek === 1 ) iWeek = '星期一';
     if( iWeek === 2 ) iWeek = '星期二';
     if( iWeek === 3 ) iWeek = '星期三';
     if( iWeek === 4 ) iWeek = '星期四';
     if( iWeek === 5 ) iWeek = '星期五';
     if( iWeek === 6 ) iWeek = '星期六';

     //默认显示所有的年月日星期等详细的信息
     if(iNum === 0 || typeof(iNum) == 'undefined'){
         hTime.str = iYear+ '年' +iMonth+'月'+iDate+'日 '+iWeek+' '+ toTwo(iHours)+' : '+ toTwo(iMin)+' : '+ toTwo(iSec);
     }else if(iNum === 1){
         hTime.str = toTwo(iHours)+' : '+ toTwo(iMin)+' : '+ toTwo(iSec);
     }else if(iNum === 2){
         hTime.str = toTwo(iHours)+toTwo(iMin)+toTwo(iSec);
     }

     function toTwo ( n ) {
         return n < 10 ?  '0' + n : '' + n;
     }
     //时间戳
     hTime.getTime = Math.floor( myTime.getTime()/1000 );
     hTime.Hours = iHours;
     hTime.Min = iMin;
     hTime.Sec = iSec;
     return hTime;
 }

 //倒计时函数  NewTime 为倒计时截止时间 格式为： 'November 27,2015 22:3:0'
 function hCountDown(obj ,NewTime , endFn){
     /*
      * 月份取值：January、February、March、April、May、June、July、August、September、October、November、December
      * 时间转换公式:
      * 天：Math.floor(t/86400)
      *    时：Math.floor(t%86400/3600)
      *    分：Math.floor(t%86400%3600/60)
      *    秒：t%60
      *  获取时间对象：new Date()
     - getFullYear
     - getMonth
     - getDate
     - getDay
      - getHours
      - getMinutes
      - getSeconds
     - 时间戳：new Date().getTime()-返回从1970年1月1日到现在的毫秒数（UTC时间标准时间）
      * */
     var iNow = null;
     var t = 0;
     var str = '';
     var timer = null;

     iNew = new Date( NewTime );

     clearInterval( timer );

     timer = setInterval (function (){
         console.log(NewTime);
         iNow = new Date();
         t = Math.floor( ( iNew - iNow ) / 1000 );
         if ( t >= 0 ) {
             str = Math.floor(t/86400)+'天'+Math.floor(t%86400/3600)+'时'+Math.floor(t%86400%3600/60)+'分'+t%60+'秒';
             obj.innerHTML = str;
         } else {
             clearInterval( timer );
             endFn && endFn();
         }

     }, 1000);
 }

 //检查是否是数字
 //charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。
 function hDetectNum(val){
     var str = '';
     for (var i = 0; i < val.length; i++) {
         str = val.charCodeAt(i);
         if(str < 47 || str > 57){
             return false;
         }
     }
     return true;
 }

 function hShow(obj){
     obj.style.display = 'block';
 }
 function hHide(obj){
     obj.style.display = 'none';
 }
 //查找和替换函数   iNum = 1 时候为替换模式，val2 为'' 的时候为删除 val1 中的内容。
 function hReplace(str , val1 , val2 , iNum){
     var hReplace = {};
     hReplace.flag = true;
     hReplace.newStr = '';

     function strIndexOf(){
         if(str.indexOf(val1) === -1){
             hReplace.flag = false;
             return hReplace;
         }
     }
     if(typeof(val2) === 'undefined'){
         strIndexOf();
          hReplace.newStr = str.split(val1).join('<span style="background:yellow;">'+ val1 +'</span>');
     }else if(iNum === 1){
         strIndexOf();
         hReplace.newStr = str.split(val1).join('<span style="background:yellow;">'+ val2 +'</span>');
     }

     return hReplace;
 }

 //获取元素距离浏览器的距离
 function hGetPos(obj){
     var pos = {left:0,top:0};
     while (obj){
         pos.left += obj.offsetLeft;
         pos.top += obj.offsetTop;
         obj = obj.offsetParent;
     }
     return pos;
 }