常用的js代码段

不念不忘少年蓝@ 2023-06-24 06:26 19阅读 0赞

收藏常用的JS代码段，方便以后引用

### 一、时间格式化 ###

const dateFormatter = (formatter, date) => {
    	date = (date ? new Date(date) : new Date)
    	const Y = date.getFullYear() + '',
              M = date.getMonth() + 1,
              D = date.getDate(),
              H = date.getHours(),
              m = date.getMinutes(),
              s = date.getSeconds()
        return formatter.replace(/YYYY|yyyy/g, Y)
            			.replace(/YY|yy/g, Y.substr(2, 2))
            			.replace(/MM/g, (M < 10 ? '0' : '') + M)
            			.replace(/DD/g, (D < 10 ? '0' : '') + D)
            			.replace(/HH|hh/g, (H < 10 ? '0' : '') + H)
            			.replace(/mm/g, (m < 10 ? '0' : '') + m)
            			.replace(/ss/g, (s < 10 ? '0' : '') + s)
    }
    
    dateFormatter('YYYY-MM-DD HH:mm', '1995/02/15 13:55') // 1995-02-15 13:55

### 二、秒数转成xx:xx:xx ###

// 将秒转换成 xx:xx:xx 格式
    formatSeconds(value) {
        let hour = String(Math.floor(value / 3600)).padStart(2, 0);
        let minute = String(Math.floor((value / 60) % 60)).padStart(2, 0);
        let second = String(Math.floor(value % 60)).padStart(2, 0);
        return hour + ':' + minute + ':' + second;
    }

### 三、数组去重 ###

const list = [1, 1, 2, 3, 6, 45, 8, 5, 4, 6, 5]
    const uniqueList = [...new Set(list)] // [1, 2, 3, 6, 45, 8, 5, 4]

### 四、判断设备类型 ###

var myBrowser = {
        versions: function () {
        var u = navigator.userAgent;
        return {//移动终端浏览器版本信息
            trident: u.indexOf('Trident') > -1, //IE内核
            presto: u.indexOf('Presto') > -1, //opera内核
            webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
            mobile: !!u.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i), //是否为移动终端
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
            iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
            iPad: u.indexOf('iPad') > -1, //是否iPad
            webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
            wx: u.indexOf('MicroMessenger') > -1,//是否是微信
            hasVersion: u.indexOf('Version') > -1,
            isie: navigator.userAgent.toLowerCase().indexOf(".net") > 0 || navigator.userAgent.toLowerCase().indexOf("msie") > 0,
            isie6: navigator.userAgent.toLowerCase().indexOf("msie 6.0") > 0,
            isie7: navigator.userAgent.toLowerCase().indexOf("msie 7.0") > 0,
            isie8: navigator.userAgent.toLowerCase().indexOf("msie 8.0") > 0,
            isie9: navigator.userAgent.toLowerCase().indexOf("msie 9.0") > 0,
            ischrome: navigator.userAgent.toLowerCase().indexOf("chrome") > 0 && navigator.userAgent.toLowerCase().indexOf("safari") > 0,
            issafari: navigator.userAgent.toLowerCase().indexOf("chrome") < 0 && navigator.userAgent.toLowerCase().indexOf("safari") > 0,
            isfirefox: navigator.userAgent.toLowerCase().indexOf("firefox") > 0
        };
    } ()

### 五、域名切换 ###

将顶级域名或主域名切换成 m. 的二级域名

if(myBrowser.versions.mobile) {
        var jumpUrl = window.location.origin;
        var alertContent = '<div class="pcAlertWrap"><div class="pcAlert"><p class="pcAlertText">请下载最新版本</p><div class="btnWrap"><div class="closeBtn">确定</div></div></div>'
     
        // 若window.android_Web为undefined，则是在安卓的web浏览器中
        // 若是在ios环境，且在safari浏览器中
        if((myBrowser.versions.android && window.android_Web == undefined) || (myBrowser.versions.ios && myBrowser.versions.issafari)) {
            // 若是主域名
            if(jumpUrl.indexOf('://www') > 0) {
                jumpUrl = jumpUrl.replace('://www', '://m')
            }
            // 若已经是移动端的二级域名，则无需操作
            else if(jumpUrl.indexOf('://m.') > 0){
            } else {
                // 若是顶级域名，则插入m.
                jumpUrl = jumpUrl.replace('://', '://m.')
            }
            alertContent = `<div class="pcAlertWrap"><div class="pcAlert"><p class="pcAlertText">请使用 <a href="${jumpUrl}">${jumpUrl}</a> 访问获得更佳体验</p><div class="btnWrap"><div class="sureBtn">确定</div></div></div>`
        }
        window.onload = function() {
            $('body').append(alertContent);
                $('.pcAlertWrap').addClass('active');
                $('.closeBtn').on('click',function(){
                $('.pcAlertWrap').removeClass('active');
            })
            $('.sureBtn').on('click',function(){
                $('.pcAlertWrap').removeClass('active');
                window.location.replace(jumpUrl)
            })
        }
    }