javascript封装的一些函数
2019-06-14 19:51
1406 查看
//运动函数 function move(obj, attr, step, target) { var left = parseInt(getStyle(obj, attr)); step = left >= target ? -step : step; var timer3 = setInterval(function() { left = left + step; if((left >= target && step > 0) || (left <= target && step < 0)) { left = target; clearInterval(timer3); } obj.style[attr] = left + 'px'; }, 50) }
//非行间函数 function getStyle(obj, attr) { if(obj.currentStyle) { return obj.currentStyle[attr]; } else { return getComputedStyle(obj)[attr] } }
//原生ajax封装 function ajax(method, url, data, acy, fn) { var _ajax = new XMLHttpRequest(); if(method.toLowerCase() == 'get') { _ajax.open(method, url + '?' + data, acy) _ajax.send(); } else if(method.toLowerCase() == 'post') { _ajax.open(method, url, acy); _ajax.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); _ajax.send(data); } _ajax.onreadystatechange = function() { if(_ajax.readyState == 4 && _ajax.status == 200) { var res = _ajax.response; fn && fn(res); } } }
//cookie封装函数 function setCookie(key, val, oDate) { var nowDate = new Date(); if(oDate == 0) { nowDate = 0; } else { nowDate.setSeconds(nowDate.getSeconds() + oDate); } document.cookie = key + '=' + val + ';expires=' + nowDate; } function getCookie(key) { var oCookie = document.cookie; var cookieArr = oCookie.split(';'); for(var i = 0; i < cookieArr.length; i++) { var arr = cookieArr[i].split('='); if(arr[0].trim() == key) { return arr[1]; } } return false; } function removeCookie(key) { setCookie(key, 1, -1); }
//淡入淡出和运动封装函数 function bufferMove (obj,attr,target,num) { var timer = setInterval(function () { if(attr == 'opacity'){ var cur = parseFloat(getStyle(obj,attr))*100; }else{ var cur = parseInt(getStyle(obj,attr)); } var step = (target - cur)/num; var speed = step>0? Math.ceil(cur + step) : Math.floor(cur + step); if((speed <= target && step<0) || (speed>=target && step>0)){ speed = target; clearInterval(timer); } if(attr == 'opacity'){ obj.style[attr] = speed/100; }else{ obj.style[attr] = speed + 'px'; } },50) }
相关文章推荐
- 原生Javascript封装的一些常用函数
- 我自己的Javascript 库,封装了一些常用函数
- 我自己的Javascript 库,封装了一些常用函数 Kingwell.js
- 我自己的Javascript 库,封装了一些常用函数 Kingwell.js
- Javascript 库,封装了一些常用函数
- 我自己的Javascript 库,封装了一些常用函数
- 原生javascript运动函数的封装
- py windows一些封装函数
- JavaScript —— 字符串一些专属函数应用
- 原生Javascript封装的一个AJAX函数分享
- javascript 多步处理,根据javascript高性能一书自己封装的 4000 一个多步处理函数对象
- javascript的一些常用功能函数
- javascript中查看元素事件函数的一些技巧
- JavaScript 函数封装
- 原生Javascript写的一些常用的工具函数
- 一些很有用的 JavaScript 函数
- JavaScript的一些基本知识 -- 函数
- 自己整理的一些javascript 的常用函数
- javascript自执行函数之伪命名空间封装法
- JavaScript 常用的一些函数