常用的几个小函数

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了常用的几个小函数相关的知识,希望对你有一定的参考价值。

用原生js实现的几个比较常用的小函数

1、产生随机色

function color(){
return   "rgb("+parseInt(Math.random()*255)+","+parseInt(Math.random()*255)+","+parseInt(Math.random()*255)+")";
}

2、添加类名、移除类名

    function hasClass(elements, cName) {
      return !!elements.className.match(new RegExp("(\\s|^)" + cName + "(\\s|$)"));
     // ( \\s|^ ) 判断前面是否有空格 (\\s | $ )判断后面是否有空格 两个感叹号为转换为布尔值 以方便做判断 
    };
   //添加类名
    function addClass(elements, cName) {
      if(!hasClass(elements,cName)) {
        elements.className += " " + cName;
     }
    }
  //移除类名
    function removeClass(elements, cName) {
     if(hasClass(elements, cName)) {
       elements.className = elements.className.replace(new RegExp("(\\s|^)" + cName + "(\\s|$)"), " "); 
      //replace方法是替换 
      }
    }

 3、判断某天是该年第几天

function dayOfYear(year,month,day){
   var a=[0,31,28,31,30,31,30,31,31,30,31,30,31];
   if (year%4==0&&year%100!=0||year%400==0) {
    a[2]=29;
   }
   var sum=day;
   for(var i=0;i<month;i++){
    sum+=a[i];
   }
   return sum;
  }

4、产生5个不重复的数字加入到数组中

//随机数
  function getAutoNum(max, min) {
   return parseInt(Math.random() * (max - min + 1) + min);
  }
  function lottery() {
   var arrayNum = [];
   while(arrayNum.length < 5) {
    var num=getAutoNum(23,1),i=0;
    for (;i<arrayNum.length;i++) {
     if (arrayNum[i]==num) {
      break;
     }
    }
    if (i==arrayNum.length) {
     arrayNum.push(num);
    }
   }
  return arrayNum;
  }

另一种方法

var array = [];
  for(var i = 0;; i++) {
   var num = parseInt(Math.random() * (23 - 0 + 1) + 0);
   //检验随机数是否重复
   var isRepeat = true;
   //如果重复,继续生成下一个随机数
   document.write(num + " ");
   for(var j = 0; j < array.length; j++) {
    if(array[j] == num) {
     isRepeat = false;
    }
   }
   //不重复加入到数组中
   if(isRepeat) {
    array.push(num);
   }
   if(array.length == 5) {
    break;
   }
  }

5、获取属性的数值 (去掉单位)

//获取属性的数值  eg:div.style.width的值
  function getStyle(obj,attr){
   if (obj.currentStyle) {
    return obj.currentStyle[attr];//针对IE
   } else{
//    alert(attr);
    return getComputedStyle(obj,false)[attr];//针对除IE外的浏览器
   }
  }

6、弹性摩擦运动框架

function startMove(iTarget) {
   clearInterval(timer);
   timer = setInterval(function() {
    speed+=(iTarget-div.offsetLeft)/5;
    speed*=0.7;
    //最佳组合 5和0.7;
    //摩擦力
    div.style.left = div.offsetLeft + speed + ‘px‘;
   }, 20);
  }

7、两个对象的碰撞检测

  //这个方法的使用前提是:两个对象必须有x,y,w,h属性
  function checkCrash(obj1,obj2){
   //先求临界值
   var disX=obj1.w/2
   +obj2.w/2;
   var disY=obj1.h/2
   +obj2.h/2;
   //计算两个矩形中心点的距离
   var centerX=Math.abs((obj1.x+obj1.w/2)
   -(obj2.x+obj2.w/2));
   var centerY=Math.abs((obj1.y+obj1.h/2)
   -(obj2.y+obj2.h/2));
   if (centerX<disX&&centerY<disY) {
    return true;
   }else{
    return false;
   }
  }

 

以上是关于常用的几个小函数的主要内容,如果未能解决你的问题,请参考以下文章

常用的几个JQuery代码片段

轻量化ViewController的几个小技巧

电脑办公常用的几个小软件,精简,实用,功能强大,推荐给大家

函数式编程的几个小例子

Runtime的几个小例子(含Demo)

ETL工具kettle的几个小组件(剪切字符串,增加常量,计算器)