前端常用的工具类
时间:2020-06-30
本文章向大家介绍
前端常用的工具类
,主要包括
前端常用的工具类
使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
/* 动态生成A-Z */
function getEN(){
var arr = []; //定义数组
for(var i = 65; i < 91; i++){
arr.push(String.fromCharCode(i)); //ASKLL值对应的字符
}
return arr.join(','); //输出A,B,C...
}
/* 转换时间格式 */
var csrq = convert_time(466646400000); //后台传过来的时间戳转换时间格式
function convert_time (date) {
if(date == "" || date == null || date == undefined){
date = "";
return date;
}else{
date = new Date(date);
var year =date.getFullYear();//获取完整的年份(4位,1970-????)
var month = date.getMonth() + 1;//获取当前月份(0-11,0代表1月)
var day = date.getDate();//获取当前日(1-31)
var hours = date.getHours();
var min = date.getMinutes();
if (month < 10) {
month ="0" + month;
}
if (day < 10) {
day ="0" + day;
}
var dateString = year +"/" + month + "/" + day ;
return dateString;
}
}
/* 计算两个时间段差 */
function get_time_diff(time) {
var diff = '';
var time_diff = new Date().getTime() - time; //时间差的毫秒数
//计算出相差天数
var days = Math.floor(time_diff / (24 * 3600 * 1000));
if (days > 0) {
diff += days + '天';
}
//计算出小时数
var leave1 = time_diff % ( 24 * 3600 * 1000);
var hours = Math.floor(leave1 / (3600 * 1000));
if (hours > 0) {
diff += hours + '小时';
} else {
if (diff !== '') {
diff += hours + '小时';
}
}
//计算相差分钟数
var leave2 =leave1 % (3600 * 1000);
var minutes = Math.floor(leave2 / (60 * 1000));
if (minutes > 0) {
diff += minutes + '分';
} else {
if (diff !== '') {
diff += minutes + '分';
}
}
//计算相差秒数
var leave3 = leave2%(60*1000);
var seconds = Math.round(leave3/1000);
if (seconds > 0) {
diff += seconds + '秒';
} else {
if (diff !== '') {
diff += seconds + '秒';
}
}
return diff;
}
/* 判断对象是否为空 等于空为true */
function isKong(object) {
return !(object !== undefined && object !== "" && object != null && object !== "null" && object !== "-1" && object !== -1 && object !=='undefined');
}
/* 返回内容 */
function kong(obj) {
//typeof 返回的是字符串,有六种可能:"number"、"string"、"boolean"、"object"、"function"、"undefined"
if (typeof(obj) == "undefined" || obj == "" || obj == null || obj == "null" || obj.length == 0) {
return "";
} else {
//删除全是空格的情况
var regu = "^[ ]+$";
var re = new RegExp(regu);
if (re.test(obj)) {
return "";
} else {
return obj;
}
}
}
/* 内容过长展示指定字数 */
function formatStr(param,len) { //param:内容,len:长度
var res ="";
if(param.length>len){
res = param.substring(0,len)+"......";
}else {
res = param;
}
return res;
}
/* 加载页面时触发,获取查过来的参数 */
跳转前页面:window.location.href="./exam/test.html?ksdh="+ksdh+"&qssj="+ time
var url = location.search.split('-').join(' ');
var theRequest = new Object();
if(url.indexOf("?") != -1){
var str = url.substr(1);
var strs = str.split("&");
for(var i = 0; i < strs.length; i++){
theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
}
var ksdh = parseInt(theRequest.ksdh); //试卷单号
var qssj = theRequest.qssj.split('%').join(' '); //进入试卷时的时间
}
/* input框数字校验 */
<input type = "number" oninput="judgeScore(this)">
function judgeScore(obj){
//先把非数字的都替换掉,除了数字和.
obj.value = obj.value.replace(/[^\d.]/g,"");
//保证只有出现一个.而没有多个.
obj.value = obj.value.replace(/\.{2,}/g,".");
//必须保证第一个为数字而不是.
obj.value = obj.value.replace(/^\./g,"");
//保证.只出现一次,而不能出现两次以上
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
//只能输入一个小数(几个小数就是几个\d)
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d).*$/,'$1$2.$3');
//最大值为99.9
if(obj.value > 99.9){
obj.value = 99.9;
}
//将"01","02"...替换为"1","2"...
for(var i = 0; i < 10; i ++){
var num = "0" + i;
if(obj.value == num){
obj.value = i;
}
}
}
原文地址:https://www.cnblogs.com/lbz6/p/13213374.html
- JavaWeb13-设计模式案例实现(Java真正的全栈开发)
- 运维平台的建设思考-元数据管理(三)(r8笔记第15天)
- JavaWeb12-JSP, EL表达式,JSTL标签
- JavaWeb11-jsp.cookie.session(1)
- 交互式使用 R题(shell)
- union(并),setdiff(差),intersect(交)R语言含义
- JavaWeb11-jsp.cookie.session(2)
- 一个慢查询报警的简单处理 (r8笔记第12天)
- 厚土Go学习笔记 | 38. goroutine轻量级线程
- 厚土Go学习笔记 | 36. web服务指定路径下的get参数接收与处理
- Java开发Spring笔记第二天
- PHP调用Go服务的正确方式 - Unix Domain Sockets
- 一条看似平常的报警邮件所做的分析(r8笔记第9天)
- 55. 上传文件(Web版) | 厚土Go学习笔记
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 项目实践 | 从零开始学习Deep SORT+YOLO V3进行多目标跟踪(附注释项目代码)
- [OHIF-Viewers]医疗数字阅片-医学影像-Module: Panel-自定义面板-中-es6-Object.defineProperty()定义属性
- (数据科学学习手札90)Python+Kepler.gl轻松制作时间轮播地图
- WEB前端安全自查和加固
- 硬核!IDEA 中使用 Git 完整入门教程!
- 神器你值得拥有——CoolFormat代码一键自动格式化工具,支持Verilog
- 一个简单现实案例挑战 PowerBI 水平测试 - 深度解析
- [译]使用DOT语言和GraphvizOnline来可视化你的ASP.NETCore3.0终结点01
- 探索 React 内核:深入 Fiber 架构和协调算法
- [经验]使用Keil MDK+Jlink-OB下载失败的解决办法
- ESP8266两种工作模式数据传输测试
- 『真香警告』这33个超级好用的CSS选择器,你可能见都没见过。
- [踩坑]STM32外部8M晶体不起振会有什么现象?
- 干掉 GuavaCache:Caffeine 才是本地缓存的王
- 美团数据怎么爬,看看这个文章吧!