/**
* Created by Administrator on 2016/7/14.
*/
/*命名空间*/
window.lcf = {};
/*监听过渡结束的方法*/
lcf.transitionEnd = function(obj,callback) {
/*判断obj是否是一个对象 使用typeof*/
if(!obj || typeof obj !== "object") return false;
/*监听过渡结束事件*/
obj.addEventListener("webkitTransitionEnd",function () {
callback && callback(); });
obj.addEventListener("transitionEnd", function () {
callback && callback();
});
};
/*监听过渡结束的方法*/
lcf.animationEnd = function (obj,callback) {
/*判断obj是否是一个对象*/
if(!obj || typeof obj !== "object") return false;
/*监听过渡结束事件*/
obj.addEventListener("webkitAnimationEnd",function () {
callback && callback();
});
obj.addEventListener("animationEnd", function () {
callback && callback();
});
};
/*添加过渡方法*/
lcf.addTransition =function(obj){
/*基本判断*/
if(!obj || typeof obj !== "object") return false;
obj.style.transition = "all 1s";
obj.style.webkitTransition = "all 1s";
};
/*移除过渡方法*/
lcf.removeTransition =function(obj){
/*基本判断*/
if(!obj || typeof obj !== "object") return false;
obj.style.transition = "none";
obj.style.webkitTransition = "none";
};
/*上下定位方法*/
lcf.setTranslateY =function(obj,translateY){
/*基本判断*/
if(!obj || typeof obj !== "object") return false;
obj.style.transform = "translateY("+translateY+"px)";
obj.style.webkitTransform = "translateY("+translateY+"px)";
};
/*左右定位方法*/
lcf.setTranslateX =function(obj,translateX){
/*基本判断*/
if(!obj || typeof obj !== "object") return false;
obj.style.transform = "translateX("+translateX+"px)";
obj.style.webkitTransform = "translateX("+translateX+"px)";
};
/*封装tab事件方法*/
lcf.tap = function (obj,callback) {
/*基本判断*/
if(!obj || typeof obj !== "object") return false;
/*记录时间*/
var startTime = 0;
var isMove = false;
/*手指触摸到屏幕时触发touch事件*/
obj.addEventListener("touchstart", function (e) {
/*响应开始时间(毫秒)*/
startTime = Date.now();
});
/*滑动屏幕时触发touch事件*/
obj.addEventListener("touchmove", function (e) {
/*滑动*/
isMove = true;
});
/*手指离开屏幕结束时触发touch事件*/
obj.addEventListener("touchend", function (e) {
/*判断响应时间*/
if((Date.now()-startTime)<150 && !isMove){
callback && callback(e);
}
/*重置参数*/
startTime = 0;
isMove = false;
}); };
/*倒计时*/
lcf.downTime = function (endTime,obj,callback){
/*基本判断*/
if(!endTime || typeof endTime !== "string") return false;
/*基本判断*/
if(!obj || typeof obj !== "object") return false;
/*获取日期的毫秒*/
var endTime = Date.parse(endTime);
/*定时器*/
setInterval(function () {
var nowTime = +new Date();
/*2个时间的差 毫秒*/
var minus =endTime - nowTime;
/*相差的天数*/
var day = parseInt(minus/1000/60/60/24);
/*相差的小时*/
var hours = parseInt(minus/1000/60/60%24);
/*相差的分钟*/
var mintue = parseInt(minus/1000/60%60);
/*获取相差的秒*/
var second = parseInt(minus/1000%60); obj[0].innerHTML = parseInt(hours/10);
obj[1].innerHTML = hours%10;
obj[3].innerHTML = parseInt(mintue/10);
obj[4].innerHTML = mintue%10;
obj[6].innerHTML = parseInt(second/10);
obj[7].innerHTML = second%10; },1000);
callback && callback();
};

  

JS(移动端)自己封装移动端一些常用方法的更多相关文章

  1. JS提交对象数组到服务端的方法总结(C#实例)

    *转载请注明出处: 作者:willingtolove: 本文链接:http://www.cnblogs.com/willingtolove/p/4741549.html 正文: 1. 方法一:利用aj ...

  2. JS.中文乱码,Jsp\Servlet端的解决办法

    JS.中文乱码,Jsp\Servlet端的解决办法 2010-03-08 15:18:21|  分类: Extjs |  标签:encodeuricomponent  乱码  urldecoder   ...

  3. js判断页面在pc端打开还是移动端打开

    js判断页面在pc端打开还是移动端打开,分别跳转不同的index.html window.addEventListener('load', function() { // true为手机,false为 ...

  4. node.js中ws模块创建服务端和客户端,网页WebSocket客户端

    首先下载websocket模块,命令行输入 npm install ws 1.node.js中ws模块创建服务端 // 加载node上websocket模块 ws; var ws = require( ...

  5. js如何判断用户是在pc端和还是移动端访问

    js如何判断用户是在pc端和还是移动端访问 来源:A5技术交流 作者:wofa 时间:2014-04-25收藏本页 最近一直在忙我们团队的项目“咖啡之翼”,在这个项目中,我们为移动平台提供了一个优秀的 ...

  6. js判断用户是在PC端或移动端访问

    js如何判断用户是在PC端和还是移动端访问.  最近一直在忙我们团队的项目“咖啡之翼”,在这个项目中,我们为移动平台提供了一个优秀的体验.伴随Android平台的红火发展.不仅带动国内智能手机行业,而 ...

  7. Vue.js与 ASP.NET Core 服务端渲染功能整合

    http://mgyongyosi.com/2016/Vuejs-server-side-rendering-with-aspnet-core/ 原作者:Mihály Gyöngyösi 译者:oop ...

  8. JS学习十四天----server端运行JS代码

    server端运行JS代码 话说,当今不在client使用JS代码才是稀罕事.因为web应用的体验越来越丰富,client用JS实现的逻辑也越来越多,这造成的结果就是某些差点儿一致的逻辑须要在clie ...

  9. js插件---WebUploader 如何接收服务端返回的数据

    js插件---WebUploader 如何接收服务端返回的数据 一.总结 一句话总结: uploadSuccess有两个参数,一个是file(上传的文件信息),一个是response(服务器返回的信息 ...

随机推荐

  1. 【转换模型+扫描线】【UVA1398】Meteor

    The famous Korean internet company nhn has provided an internet-based photo service which allows The ...

  2. 【输入输出挂】【Uva11462】Age Sort

    例题17  年龄排序(Age Sort, UVa 11462)照从小到大的顺序输出. [输入格式] 输入包含多组测试数据.每组数据的第一行为整数n(0<n≤2 000 000),即居民总数:下一 ...

  3. ubuntu下ffmpeg的安装,实现支持3gpp等转换

    最近上线的项目,语音格式转码需要调试3gpp,所以需要再spx,3gpp,3gp等格式之间转换,特记录基于ubuntu环境下的环境ffmpeg部署细则 安装测试环境:ubuntu 14.04 64bi ...

  4. Node.js 入门教程和学习资源汇总

    这篇文章与大家分享一批很有用的 Node.js 入门教程和学习资源.Node 是一个服务器端的 JavaScript 解释器,它将改变服务器应该如何工作的概念.它的目标是帮助程序员构建高度可伸缩的应用 ...

  5. 利用cookie改变背景色

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. C#同步数据库的数据到Neo4J

    数据组件采用https://github.com/Readify/Neo4jClient 在nuget里面有 需要注意的是 以下是示例代码: using System;using System.Col ...

  7. 加密html

    2009年4月4日 周六 22:18 <HTML> <HEAD> <meta http-equiv="Content-Type" content=&q ...

  8. 【转】关于C++程序的编码问题

    引用自:http://blog.chinaunix.net/uid-26790551-id-3190813.html 我们传统的程序基本都只在Windows或只在Linux下运行,Windows程序使 ...

  9. SQL in Qt (一)

    Connecting to Databases To access a database with QSqlQuery or QSqlQueryModel, create and open one o ...

  10. hdu 4612 Warm up(无向图Tarjan+树的直径)

    题意:有N个点,M条边(有重边)的无向图,这样图中会可能有桥,问加一条边后,使桥最少,求该桥树. 思路:这个标准想法很好想到,缩点后,求出图中的桥的个数,然后重建图必为树,求出树的最长直径,在该直径的 ...