原生js的常见封装
/*
随机数
参数：n,m 都是数字
*/
function numRandom(n,m){
return parseInt(n+Math.random()*(m-n+1));
}
//冒泡排序
function bubble(arr){
var temp;
for(var i=0;i<arr.length-1;i++){
for(var j=0;j<arr.length-i-1;j++){
if(arr[j]>arr[j+1]){
temp = arr[j];
arr[j] = arr[j+1];
arr[j+1] = temp;
}
}
}
return arr;
}
//选择排序
function selectSort(arr){
var temp;
for(var i=0;i<arr.length-1;i++){
for(var j=i+1;j<arr.length;j++){
if(arr[i]>arr[j]){
temp = arr[i];
arr[i] = arr[j];
arr[j] = temp;
}
}
}
return arr;
}
//随机颜色rgb
function colorRandom(){
var r = numRandom(0,255)
var g = numRandom(0,255)
var b = numRandom(0,255)
return "rgb("+r+","+g+","+b+")"
}
//随机颜色2
function colorT2Random(){
var r = numRandom(0,255)
var g = numRandom(0,255)
var b = numRandom(0,255)
return "#"+insertZero(r,g,b);
}
function insertZero(R,G,B){
R = R.toString(16).length>=2?R.toString(16):"0"+R.toString(16)
G = G.toString(16).length>=2?G.toString(16):"0"+G.toString(16)
B = B.toString(16).length>=2?B.toString(16):"0"+B.toString(16)
return R+G+B
}
//随机验证码
function codeRandom () {
var str = "";
for(var i=0;i<6;i++){
var n = parseInt(48+Math.random()*(122-48+1));
while(n>=58 && n<=64 || n>=91 && n<=96){
n = parseInt(48+Math.random()*(122-48+1));
}
var char = String.fromCharCode(n);
str+=char;
}
return str;
}
//将时间对象转换为字符串
function dateString(d,sign){
sign = sign?sign:"/"
return d.getFullYear()+sign+reZero((d.getMonth()+1))+sign+reZero(d.getDate())+" "+reZero(d.getHours())+":"+reZero(d.getMinutes())+":"+reZero(d.getSeconds());
}
function reZero(n){
if(n<10){
n = "0"+n;
}
return n;
}
//获取非行间样式
function getStyle(ele,attr) {
if(ele.currentStyle){
return ele.currentStyle[attr];
}else{
return getComputedStyle(ele,false)[attr]
}
}
//设置和获取自定义属性
function attr(){
if(arguments.length==2){
return arguments[0].getAttribute(arguments[1])
}else if(arguments.length==3){
arguments[0].setAttribute(arguments[1],arguments[2])
}else{
return;
}
}
//获取当前元素距离页面之间的偏移量
function offset(ele){
var obj = {};
obj.l = ele.offsetLeft;
obj.t = ele.offsetTop;
while(ele.offsetParent){
ele = ele.offsetParent;
obj.l += ele.offsetLeft;
obj.t += ele.offsetTop;
}
return obj;
}
function getCookie(name){
var cookie = document.cookie;
var arr = cookie.split("; ");
for(var i=0;i<arr.length;i++){
var newArr = arr[i].split("=");
if(name == newArr[0]){
return newArr[1];
}
}
}
function setCookie(_name,val,expires){
var d = new Date();
d.setDate(d.getDate()+expires);
console.log(d)
document.cookie = _name+"="+val+";path=/;expires="+d;
}
function removeCookie(_name,val){
setCookie(_name,val,-1);
}
//运动框架
function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}else{
return getComputedStyle(obj, false)[attr];
}
}
function move(obj,json,fn){
clearInterval(obj.timer);
obj.timer = setInterval(function(){
var bStop = true;
for(var attr in json){
//第一步算元素的初始值
var iCur = 0;
//判断属性是否为透明度
if(attr == "opacity"){
iCur = parseInt(parseFloat(getStyle(obj,attr))*100)
}else{
iCur = parseInt(getStyle(obj,attr));
}
//算速度
var speed = (json[attr]-iCur)/8;
//速度取整
speed = speed>0?Math.ceil(speed):Math.floor(speed);
//判断是否都已经到达目的地
if(iCur != json[attr]){
bStop = false;
}
//运动原理
if(attr == "opacity"){
obj.style.opacity = (iCur+speed)/100;
obj.style.filter = "alpha(opacity:"+(iCur+speed)+")"
}else{
obj.style[attr] = iCur+speed+"px";
}
}
if(bStop){
clearInterval(obj.timer);
fn&&fn();
}
},30)
}
