注册
|
登录
发帖
热搜
活动
交友
discuz
论坛
BBS
翼度工具
翼度网址导航
开发工具
Linux命令速查
网页设计配色表
在线制作icon
颜色代码选取器
翼度科技
»
论坛
›
编程开发
›
JavaScript
›
查看内容
返回列表
发新帖
收集项目中用到的工具函数
木每
木每
当前离线
积分
12
4
主题
4
帖子
12
积分
新手上路
新手上路, 积分 12, 距离下一级还需 38 积分
新手上路, 积分 12, 距离下一级还需 38 积分
积分
12
发消息
显示全部楼层
工具函数
收集项目中常用的工具函数,以备后用,使用 TS 编写。
1. 时间格式化
/**
* 格式化时间格式
* @param {*} value 传入时间(单位秒)
* @returns 返回时间格式 XX 天 XX 小时 XX 分钟 XX 秒
*/
export const formatSecond = function (value: number): string {
value = value ?? 0;
let secondTime = parseInt(value); // 秒
let minuteTime = 0; // 分
let hourTime = 0; // 小时
let dayTime = 0; // 天
let result = '';
//如果秒数不小于 60,将秒数转换成整数
if (secondTime >= 60) {
//获取分钟,除以 60 取整数,得到整数分钟
minuteTime = parseInt(secondTime / 60);
//获取秒数,秒数取佘,得到整数秒数
secondTime = parseInt(secondTime % 60);
//如果分钟不小于 60,将分钟转换成小时
if (minuteTime >= 60) {
//获取小时,获取分钟除以 60,得到整数小时
hourTime = parseInt(minuteTime / 60);
//获取小时后取佘的分,获取分钟除以 60 取佘的分
minuteTime = parseInt(minuteTime % 60);
//如果小时数不小于 24,将小时转换成天
if (hourTime >= 24) {
//获取天,获取小时除以 24,得到整数天
dayTime = parseInt(hourTime / 24);
//获取天后取佘的小时
hourTime = parseInt(hourTime % 24);
}
}
}
if (secondTime > 0) {
result = `${parseInt(secondTime)} 秒`;
}
if (minuteTime > 0) {
result = `${parseInt(minuteTime)} 分 ${result}`;
}
if (hourTime > 0) {
result = `${parseInt(hourTime)} 时 ${result}`;
}
if (dayTime > 0) {
result = `${parseInt(dayTime)} 天 ${result}`;
}
return result;
};
复制代码
2. 系统、环境和浏览器
/**
* 判断是否 PC
*/
export const isPC = (): boolean => {
const userAgentInfo = navigator.userAgent;
const Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod'];
let flag = true;
for (let v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
flag = false;
break;
}
}
return flag;
};
/**
* 判断是否微信环境(微信app,桌面微信软件等)
*/
export const isWechat = (): boolean => {
return /MicroMessenger/i.test(window.navigator.userAgent);
};
/**
* 判断是否 IOS 系统
*/
export const isIOS = (): boolean => {
const u = navigator.userAgent;
return !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
};
/**
* 判断是否 Android 系统
*/
export const isAndroid = (): boolean => {
const u = navigator.userAgent;
return u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
};
/**
* 浏览器
*/
export const getBrowser = () => {
let explorer = navigator.userAgent.toLowerCase();
let browser = "";
if (
explorer.indexOf("msie") > -1 ||
!!window.ActiveXObject ||
"ActiveXObject" in window
) {
browser = "IE";
} else if (explorer.indexOf("chrome") > -1) {
browser = "chrome";
} else if (explorer.indexOf("firefox") > -1) {
browser = "firefox";
} else if (explorer.indexOf("safari") > -1) {
browser = "safari";
} else if (explorer.indexOf("opera") > -1) {
browser = "opera";
}
return browser;
}
复制代码
3. 获取富文本内容中的图片
[code]/** * 获取富文本内容中的图片 */export const getImgList = (richText: string): string[] => { // 如果富文本内容为空,则没有图片 if (!richText) { return []; } const regex = /
上一篇:
cesium-2-entity
下一篇:
HTML中script 标签中的那些属性
发表于 2023-4-28 13:49:27
举报
回复
使用道具
分享
返回列表
发新帖
本版积分规则
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
快速回复
快速回复
返回顶部
返回顶部
返回列表
返回列表