1、获取浏览器滚动条滚出长度
// 获取浏览器滚动条宽高
function getWindowScrollHW() {
let _scrollHW = {};
// 谷歌浏览器支持window.pageXOffset/pageYOffset
window.pageXOffset ? _scrollHW = {
x: window.pageXOffset,
y: window.pageYOffset
} : _scrollHW = {
x: document.documentElement.scrollLeft || document.body.scrollLeft,
y: document.documentElement.scrollTop || document.body.scrollTop,
};
return _scrollHW;
}
2、封装时间函数:1H内显示xx分钟前,1H上24H内显示xx小时前,超过24H显示具体日期。 (仅在浏览器中适用)
// 发布时间:1H内显示xx分钟前,1H上24H内显示xx小时前,超过24H显示具体日期。
function preTime(publishTime) {
if(publishTime instanceof Date) {
let _publishTime = publishTime.getTime();
let _nowDate = new Date();
let _nowTime = _nowDate.getTime();
let differenceTime = _nowTime - _publishTime;
// 定义1小时时间戳
let oneHour = 1000 * 60 * 60;
// 定义24小时时间戳
let tfHours = 1000 * 60 * 60 * 24;
console.log(differenceTime);
// 1H内显示xx分钟前
if(differenceTime < oneHour) {
return `${(differenceTime/1000/60).toFixed(0)}分钟前`
}
// 1H上24H内显示xx小时前
if(differenceTime < tfHours) {
return `${(differenceTime/1000/60/60).toFixed(0)}小时前`
}
// 超过24H显示具体日期
let _year = publishTime.getFullYear();
let _month = publishTime.getMonth() + 1;
let _day = publishTime.getDate();
return `${_year}/${_month}/${_day}`
} else {
throw new Error('参数dateObj不是Date实例')
}
}
3、"YYYY-MM"格式时间加减
// 上个月下个月 mark标记 date日期对象
function getUpOrDownMonth(mark, date) {
// date 是当前是YYYY-MM的格式 比如 "2020-08"
let reg = /^\d{4}\-\d{2}$/;
if(typeof mark !== "number"){
console.log("传入的mark格式应该为数字类型");
return;
}
if(!date.match(reg)) {
console.log("传入的date格式不为 'YYYY-MM'");
return;
}
let _splitDate = date.split("-");
let _year = Number(_splitDate[0]);
let _month = Number(_splitDate[1]);
if (mark < 0) {
// 定义如果mark小于0 为上一个月,首先判断月份为1的时候,如果是1,设置当前月份为12,这时候年份需要减一;否则月份减一并且月份小于10时补0,年份不变
_month === 1 ? ((_month = 12), _year--) : _month--;
_month < 10 ? (_month = `0${_month}`) : "";
} else {
// 定义如果mark大于0 为下一个月,首先判断月份为12的时候,如果是12,设置当前月份为1,这时候年份需要加一;否则月份加一并且月份小于10时补0,年份不变
_month === 12 ? ((_month = 1), _year++) : _month++;
_month < 10 ? (_month = `0${_month}`) : "";
}
// 经过上一个月或者下一个月的处理 设置当前时间即可
return `${_year}-${_month}`;
}
4、封装窗口尺寸(window)的宽高方法
// 封装窗口尺寸(window)的宽高方法 window.innerHieght/ innerWidth ie9及以上兼容; ie8 及以下: 标准模式: CSS1Compat document.documentElement.clientWidth/clientHeight
// 混杂模式: BackCompat document.body.clientWidth/clientHeight
function getViewportHW() {
let _viewportHW = {};
window.innerWidth ? _viewportHW= {
x: window.innerWidth,
y: window.innerHeight
} : (document.compatMode === "BackCompat" ) ? _viewportHW= {
x: window.innerWidth,
y: window.innerHeight
} : _viewportHW = {
x: window.innerWidth,
y: window.innerHeight
}
return _viewportHW;
}