本文參考原文-http://bjbsair.com/2020-03-25/tech-info/6342.html
常用JS封裝方法傳預告：
- 項目常用JS方法封裝(三) [ 字符串相關處理 ]
- 項目常用JS方法封裝(四) [ 數(shù)組相關處理 ]
使用方法非常簡單刷袍，只需放到你的 utils.js 工具文件中峡碉，直接 export const 加上我的封裝方法耳贬，在別的文件中使用{方法1,方法2,方法3...}引用后就可以直接使用了!
001.時間戳轉(zhuǎn)化成YMD格式
let date = Date.parse(new Date()) // 獲取當前時間戳(毫秒)
/*
* timestamp 當前時間戳诈嘿，毫秒
* formats 時間格式，包括：
* 1. Y-m-d
* 2. Y-m-d H:i:s
* 3. Y年m月d日
* 4. Y年m月d日 H時i分s秒
*/
dateFormat = (timestamp, formats) => {
formats = formats || 'Y-m-d';
let zero = function (value) {
if (value < 10) {
return '0' + value;
}
return value;
};
let myDate = timestamp ? new Date(timestamp) : new Date();
let year = myDate.getFullYear();
let month = zero(myDate.getMonth() + 1);
let day = zero(myDate.getDate());
let hour = zero(myDate.getHours());
let minite = zero(myDate.getMinutes());
let second = zero(myDate.getSeconds());
return formats.replace(/Y|m|d|H|i|s/ig, function (matches) {
return ({
Y: year,
m: month,
d: day,
H: hour,
i: minite,
s: second
})[matches];
});
};
console.log(dateFormat(date,'Y-m-d'));
復制代碼
002.年
let date = Date.parse(new Date()) // 獲取當前時間戳(毫秒)
dateY = time =>{
let newDate = new Date(time);
let {y}={y:newDate.getFullYear()};
return `${y}`;
}
console.log(dateY(date));
復制代碼
003.年月
let date = Date.parse(new Date()) // 獲取當前時間戳(毫秒)
dateYM = time => {
let newDate = new Date(time);
let { y, m, d } = { y: newDate.getFullYear(), m: newDate.getMonth() + 1, d: newDate.getDate() };
return `${y}-${m}`;
}
console.log(dateYM(date));
復制代碼
004.年月日
可根據(jù)自己需求囚枪，自己添加或刪除相應的時間
let date = Date.parse(new Date()) // 獲取當前時間戳(毫秒)
dateymd = time => {
let newDate = new Date(time);
let { y, m, d } = { y: newDate.getFullYear(), m: newDate.getMonth() + 1, d: newDate.getDate() };
return `${y}-${m}-$eeic8ug`;
}
console.log(dateymd2(date));
復制代碼
005.年月日時分秒
let date = Date.parse(new Date()) // 獲取當前時間戳(毫秒)
dateTime = time => {
let newDate = new Date(time);
let { y, M, d, h, m, s } = { y: newDate.getFullYear(), M: newDate.getMonth() + 1, d: newDate.getDate(), h: newDate.getHours(), m: newDate.getMinutes(), s: newDate.getSeconds() };
return `${y}-${M}-$akaowws ${h}:${m}:${s}`;
}
console.log(dateTime(date));
復制代碼
006.計算時間N之前
time_filter = time => {
time -= 0;
let difTime = new Date().getTime() - time;
let { h, m, s } = { h: parseInt(difTime / (3600 * 1000)), m: parseInt(difTime / (60 * 1000)), s: parseInt(difTime / 1000) };
let msg = "";
if (m < 1) {
msg = `${s}秒前`
} else if (m >= 1 && h < 1) {
msg = `${m}分鐘前`;
} else if (h >= 1 && h <= 24) {
msg = `${h}小時前`;
} else if (h > 24) {
h = parseInt(h / 24)
msg = `${h}天前`;
}
return msg;
}
//輸入一個時間戳碟嘴，能計算出來是多長時間之前
console.log(time_filter(1584009520000)); //3分鐘前
復制代碼
007.獲取上周本周下周時間
getDate = n => {
let now = new Date();
let year = now.getFullYear();
let month = now.getMonth() + 1;
let date = now.getDate();
let day = now.getDay();
if (day !== 0) {
n = n + (day - 1);
} else {
n = n + day;
}
if (day) {
if (month > 1) {
month = month;
} else {
year = year - 1;
month = 12;
}
}
now.setDate(now.getDate() - n);
year = now.getFullYear();
month = now.getMonth() + 1;
date = now.getDate();
let s =
year +
"-" +
(month < 10 ? "0" + month : month) +
"-" +
(date < 10 ? "0" + date : date);
return s;
}
/***參數(shù)都是以周一為基準的***/
//上周的開始時間
// console.log(getDate(7));
//上周的結(jié)束時間
// console.log(getDate(1));
//本周的開始時間
// console.log(getDate(0));
//本周的結(jié)束時間
// console.log(getDate(-6));
//下周的開始時間
// console.log(getDate(-7));
//下周結(jié)束時間
// console.log(getDate(-13));
復制代碼
008.獲取當前時間(年月日)
getNowDate = () => {
let nowdate = new Date();
let y = nowdate.getFullYear();
let m = nowdate.getMonth() + 1;
let d = nowdate.getDate();
return y + "-" + m + "-" + d;
}
復制代碼
009.當前的時間(年月日時分秒)
getDateTime = () => {
let date = new Date();
year = date.getFullYear();
month = date.getMonth() + 1;
day = date.getDate();
hour = date.getHours() + 1;
minute = date.getMinutes();
second = date.getSeconds();
month = checkTime(month);
day = checkTime(day);
hour = checkTime(hour);
minute = checkTime(minute);
second = checkTime(second);
function checkTime(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
return "" + year + "年" + month + "月" + day + "日" + hour + "時" + minute + "分" + second + "秒"
}
console.log(getDateTime());
復制代碼
010.倒計時(開始結(jié)束重置,自定義時間)
以下代碼寫到HTML的body中
<span id="clock">00:01:00:00</span>
<input id="start" type="button" value="開始" onclick="run()">
<input id="end" type="button" value="結(jié)束" onclick="stop()">
<input id="reset" type="button" value="重置" onclick="reset()">
<script language="Javascript">
var normalelapse = 100;
var nextelapse = normalelapse;
var counter;
var startTime;
var start = clock.innerText;
var defaultTime = clock.innerText;
var finish = "00:00:00:00";
var timer = null;
// 開始運行
function run() {
start.disabled = true;
end.disabled = false;
reset.disabled = false;
counter = 0;
// 初始化開始時間
startTime = new Date().valueOf();
// nextelapse是定時時間, 初始時為100毫秒
// 注意setInterval函數(shù): 時間逝去nextelapse(毫秒)后, onTimer才開始執(zhí)行
timer = window.setInterval("onTimer()", nextelapse);
}
// 停止運行
function stop() {
start.disabled = false;
end.disabled = true;
reset.disabled = true;
window.clearTimeout(timer);
}
window.onload = function () {
end.disabled = true;
};
// 重置時間
function reset() {
start.disabled = true;
end.disabled = false;
reset.disabled = false;
window.clearTimeout(timer);
clock.innerText = defaultTime
}
// 倒計時函數(shù)
function onTimer() {
if (start == finish) {
window.clearInterval(timer);
alert("時間到了!");
return;
}
var hms = new String(start).split(":");
var ms = new Number(hms[3]);
var s = new Number(hms[2]);
var m = new Number(hms[1]);
var h = new Number(hms[0]);
ms -= 10;
if (ms < 0) {
ms = 90;
s -= 1;
if (s < 0) {
s = 59;
m -= 1;
}
if (m < 0) {
m = 59;
h -= 1;
}
}
var ms = ms < 10 ? ("0" + ms) : ms;
var ss = s < 10 ? ("0" + s) : s;
var sm = m < 10 ? ("0" + m) : m;
var sh = h < 10 ? ("0" + h) : h;
start = sh + ":" + sm + ":" + ss + ":" + ms;
clock.innerText = start;
// 清除上一次的定時器
window.clearInterval(timer);
// 自校驗系統(tǒng)時間得到時間差, 并由此得到下次所啟動的新定時器的時間nextelapse
counter++;
var counterSecs = counter * 100;
var elapseSecs = new Date().valueOf() - startTime;
var diffSecs = counterSecs - elapseSecs;
nextelapse = normalelapse + diffSecs;
if (nextelapse < 0) nextelapse = 0;
// 啟動新的定時器
timer = window.setInterval("onTimer()", nextelapse);
}
</script>
復制代碼
011.計時器(無開始結(jié)束)
以下代碼寫到HTML的body中
<div id="time"></div>
<script type="text/javascript">
var maxtime = 10 * 60; //
function CountDown() {
if (maxtime >= 0) {
minutes = Math.floor(maxtime / 60);
seconds = Math.floor(maxtime % 60);
msg = "還有" + minutes + "分" + seconds + "秒";
document.all["time"].innerHTML = msg;
if (maxtime == 5 * 60) alert("僅剩5分鐘");
--maxtime;
} else {
clearInterval(timer);
alert("時間到!");
}
}
timer = setInterval("CountDown()", 1000);
</script>
復制代碼
012.獲取最近一周(月),下一周(月)日期范圍
使用時要注意函數(shù)之間的相互引用和this指向問題
/*
* @param dateNow :Date類
* @param intervalDays ：間隔天數(shù)
* @param bolPastTime ：Boolean,判斷在參數(shù)date之前肺孤，還是之后司光，
*/
getDateRange = (dateNow, intervalDays, bolPastTime) => {
let oneDayTime = 24 * 60 * 60 * 1000;
let list = [];
let lastDay;
if (bolPastTime === true) {
lastDay = new Date(dateNow.getTime() - intervalDays * oneDayTime);
list.push(formateDate(lastDay));
list.push(formateDate(dateNow));
} else {
lastDay = new Date(dateNow.getTime() + intervalDays * oneDayTime);
list.push(formateDate(dateNow));
list.push(formateDate(lastDay));
}
return list;
}
function formateDate (time) {
let year = time.getFullYear()
let month = time.getMonth() + 1
let day = time.getDate()
if (month < 10) {
month = '0' + month
}
if (day < 10) {
day = '0' + day
}
return year + '-' + month + '-' + day + ''
}
var date = new Date();
var list = getDateRange(date, 6, true)
console.log("獲取近一周日期范圍：\n開始日期:" + list[0] + ";結(jié)束日期:" + list[1]);
var list = getDateRange(date, 30, true)
console.log("獲取近一個月日期范圍：\n開始日期:" + list[0] + ";結(jié)束日期:" + list[1]);
var list = getDateRange(date, 0, true)
console.log("獲取今天日期范圍：\n開始日期:" + list[0] + ";結(jié)束日期:" + list[1]);
var list = getDateRange(date, 1, true)
console.log("獲取昨天日期范圍：\n開始日期:" + list[0] + ";結(jié)束日期:" + list[0]);
var list = getDateRange(date, 6, false)
console.log("獲取下一周日期范圍：\n開始日期:" + list[0] + ";結(jié)束日期:" + list[1]);
var list = getDateRange(date, 30, false)
console.log("獲取下一個月日期范圍：\n開始日期:" + list[0] + ";結(jié)束日期:" + list[1]);
/*
獲取近一周日期范圍：
開始日期:2019-12-04;結(jié)束日期:2019-12-10
獲取近一個月日期范圍：
開始日期:2019-11-10;結(jié)束日期:2019-12-10
獲取今天日期范圍：
開始日期:2019-12-10;結(jié)束日期:2019-12-10
獲取昨天日期范圍：
開始日期:2019-12-09;結(jié)束日期:2019-12-09
獲取下一周日期范圍：
開始日期:2019-12-10;結(jié)束日期:2019-12-16
獲取下一個月日期范圍：
開始日期:2019-12-10;結(jié)束日期:2020-01-09
*/
復制代碼
013.字符替換(時間格式)
/*
* str 表示將要替換的字符串
* l 表示你將要替換的字符
* r 表示你想要替換的字符
*/
transFormat = (str, l, r) => {
let reg = new RegExp(l, 'g') // g表示全部替換，默認替換第一個
str = str.replace(reg, r)
return str
}
console.log(transFormat('2019-12-13', '-', '/')); // 2019/12/13
console.log(transFormat('2019-12-13', '-', '')); // 20191213
復制代碼
014.時間補零
如果獲取的時間是一位數(shù)春叫，則補一個0
Appendzero = obj => {
if (obj < 10 && obj.length < 2) return "0" + obj;
else return obj;
}
復制代碼
015.獲取當前時間半小時之前時間
getHalfHour = () => {
let date = new Date(new Date().getTime() - 30 * 60 * 1000);
let hh = date.getHours()
let mm = date.getMinutes()
let ss = date.getSeconds()
return hh + ':' + mm + ':' + ss
}
復制代碼
有可能我們在使用時間數(shù)據(jù)時肩钠，需要使用到的時間必須是兩位數(shù)泣港，這時候，我們只需要使用上面的時間補零方法价匠，就可以完美的解決了当纱，如下：
getHalfHour = () => {
let date = new Date(new Date().getTime() - 30 * 60 * 1000);
let hh = Appendzero(date.getHours())
let mm = Appendzero(date.getMinutes())
let ss = Appendzero(date.getSeconds())
return hh + ':' + mm + ':' + ss
}
function Appendzero(obj) {
if (obj < 10) return "0" + obj;
else return obj;
}
復制代碼
下面緊接著的這兩種方法類似！２冉选坡氯！
016.獲取當前時間1小時之前時間
getOneHour = () => {
let date = new Date(new Date().getTime() - 1 * 60 * 60 * 1000);
let hh = date.getHours()
let mm = date.getMinutes()
let ss = date.getSeconds()
return hh + ':' + mm + ':' + ss
}
復制代碼
017.獲取當前時間12小時之前時間
getHalfHour = () => {
let date = new Date(new Date().getTime() - 30 * 60 * 1000);
let hh = date.getHours()
let mm = date.getMinutes()
let ss = date.getSeconds()
return hh + ':' + mm + ':' + ss
}
復制代碼
018.數(shù)字前補零
/*
* num為你想要進行填充的數(shù)字
* length為你想要的數(shù)字長度
*/
//迭代方式實現(xiàn)
padding1=(num, length)=> {
for(let len = (num + "").length; len < length; len = num.length) {
num = "0" + num;
}
return num;
}
//遞歸方式實現(xiàn)
padding2=(num, length) =>{
if((num + "").length >= length) {
return num;
}
return padding2("0" + num, length)
}
//轉(zhuǎn)為小數(shù)
padding3=(num, length)=> {
let decimal = num / Math.pow(10, length);
//toFixed指定保留幾位小數(shù)
decimal = decimal.toFixed(length) + "";
return decimal.substr(decimal.indexOf(".")+1);
}
//填充截取法
padding4=(num, length)=> {
//這里用slice和substr均可
return (Array(length).join("0") + num).slice(-length);
}
//填充截取法
padding5=(num, length)=> {
let len = (num + "").length;
let diff = length+1 - len;
if(diff > 0) {
return Array(diff).join("0") + num;
}
return num;
}
復制代碼
019.UTC轉(zhuǎn)換標準時間
utcToNorm = utcTime => {
// 轉(zhuǎn)為正常的時間格式 年-月-日 時:分:秒
let T_pos = utcTime.indexOf('T');
let Z_pos = utcTime.indexOf('Z');
let year_month_day = utcTime.substr(0, T_pos);
let hour_minute_second = utcTime.substr(T_pos + 1, Z_pos - T_pos - 1);
let newTime = year_month_day + " " + hour_minute_second;
// 處理成為時間戳
timeStamp = new Date(Date.parse(newTime));
timeStamp = timeStamp.getTime();
timeStamp = timeStamp / 1000;
// 增加8個小時，北京時間比utc時間多八個時區(qū)
timeStamp = timeStamp + 8 * 60 * 60;
// 時間戳轉(zhuǎn)為時間
let normTime = new Date(parseInt(timeStamp) * 1000).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ");
return normTime;
}
// 測試數(shù)據(jù)
let date = '2019-12-29T03:14:32.860Z'
// let date = JSON.stringify(new Date())
console.log(utcToNorm(date)); // 2019-12-29 11:14:32
復制代碼
020.計算兩個日期之間間隔幾天
/**
* strDateStart 開始時間 (String)
* strDateEnd 結(jié)束時間 (String)
*/
intervalDate = (strDateStart,strDateEnd) => {
let strSeparator = "-"; //日期分隔符
let oDate1;
let oDate2;
let iDays;
oDate1= strDateStart.split(strSeparator);
oDate2= strDateEnd.split(strSeparator);
let strDateS = new Date(oDate1[0], oDate1[1]-1, oDate1[2]);
let strDateE = new Date(oDate2[0], oDate2[1]-1, oDate2[2]);
iDays = parseInt(Math.abs(strDateS - strDateE ) / 1000 / 60 / 60 /24);//把相差的毫秒數(shù)轉(zhuǎn)換為天數(shù)
return iDays ;
}
// 測試數(shù)據(jù)
console.log(intervalDate('2020-1-3','2019-12-28')); // 6
console.log(intervalDate('2020-01-03','2019-12-25')); // 9
復制代碼
021.計算兩個日期間隔幾天(通過時間戳計算)
/**
* startTime 開始時間 (時間戳-毫秒)
* endTime 結(jié)束時間 (時間戳-毫秒)
*/
intervalTimeStamp = (startTime,endTime) => {
let stime = new Date(startTime).getTime();
let etime = new Date(endTime).getTime();
let intervalTime = etime - stime;
let intervalDay=Math.floor(intervalTime/(24*3600*1000));
let interval = intervalDay;
return interval;
}
// 測試數(shù)據(jù)
console.log(intervalTimeStamp(1577808000000,1577980800000)); // 2
復制代碼
022.標準時間轉(zhuǎn)時間戳
let date = new Date('2020-03-12 18:00:00');
// 有三種方式轉(zhuǎn)化
let time1 = date.getTime();
let time2 = date.valueOf();
let time3 = Date.parse(date);
console.log(time1); // 1584007200000
console.log(time2); // 1584007200000
console.log(time3); // 1584007200000
```本文參考原文-http://bjbsair.com/2020-03-25/tech-info/6342/
常用JS封裝方法傳預告：
* 項目常用JS方法封裝(三) [ 字符串相關處理 ]
* 項目常用JS方法封裝(四) [ 數(shù)組相關處理 ]
* * *
**使用方法非常簡單洋腮，只需放到你的 utils.js 工具文件中箫柳，直接 export const 加上我的封裝方法，在別的文件中使用{方法1,方法2,方法3...}引用后就可以直接使用了!**
001.時間戳轉(zhuǎn)化成YMD格式
===============
let date = Date.parse(new Date()) // 獲取當前時間戳(毫秒)
/*
- timestamp 當前時間戳啥供，毫秒
- formats 時間格式悯恍，包括：
1. Y-m-d2. Y-m-d H:i:s3. Y年m月d日4. Y年m月d日 H時i分s秒
*/
dateFormat = (timestamp, formats) => {
formats = formats || 'Y-m-d';
let zero = function (value) {
if (value < 10) {
return '0' + value;
}
return value;
};
let myDate = timestamp ? new Date(timestamp) : new Date();
let year = myDate.getFullYear();
let month = zero(myDate.getMonth() + 1);
let day = zero(myDate.getDate());
let hour = zero(myDate.getHours());
let minite = zero(myDate.getMinutes());
let second = zero(myDate.getSeconds());
return formats.replace(/Y|m|d|H|i|s/ig, function (matches) {
return ({
Y: year,
m: month,
d: day,
H: hour,
i: minite,
s: second
})[matches];
});
};
console.log(dateFormat(date,'Y-m-d'));
復制代碼
002.年
=====
let date = Date.parse(new Date()) // 獲取當前時間戳(毫秒)
dateY = time =>{
let newDate = new Date(time);
let {y}={y:newDate.getFullYear()};
return ${y};
}
console.log(dateY(date));
復制代碼
003.年月
======
let date = Date.parse(new Date()) // 獲取當前時間戳(毫秒)
dateYM = time => {
let newDate = new Date(time);
let { y, m, d } = { y: newDate.getFullYear(), m: newDate.getMonth() + 1, d: newDate.getDate() };
return ${y}-${m};
}
console.log(dateYM(date));
復制代碼
004.年月日
=======
**可根據(jù)自己需求，自己添加或刪除相應的時間**
let date = Date.parse(new Date()) // 獲取當前時間戳(毫秒)
dateymd = time => {
let newDate = new Date(time);
let { y, m, d } = { y: newDate.getFullYear(), m: newDate.getMonth() + 1, d: newDate.getDate() };
return ${y}-${m}-$aoek66i;
}
console.log(dateymd2(date));
復制代碼
005.年月日時分秒
==========
let date = Date.parse(new Date()) // 獲取當前時間戳(毫秒)
dateTime = time => {
let newDate = new Date(time);
let { y, M, d, h, m, s } = { y: newDate.getFullYear(), M: newDate.getMonth() + 1, d: newDate.getDate(), h: newDate.getHours(), m: newDate.getMinutes(), s: newDate.getSeconds() };
return ${y}-${M}-$48qqycc ${h}:${m}:${s};
}
console.log(dateTime(date));
復制代碼
006.計算時間N之前
===========
time_filter = time => {
time -= 0;
let difTime = new Date().getTime() - time;
let { h, m, s } = { h: parseInt(difTime / (3600 * 1000)), m: parseInt(difTime / (60 * 1000)), s: parseInt(difTime / 1000) };
let msg = "";
if (m < 1) {
msg = ${s}秒前
} else if (m >= 1 && h < 1) {
msg = ${m}分鐘前;
} else if (h >= 1 && h <= 24) {
msg = ${h}小時前;
} else if (h > 24) {
h = parseInt(h / 24)
msg = ${h}天前;
}
return msg;
}
//輸入一個時間戳伙狐，能計算出來是多長時間之前
console.log(time_filter(1584009520000)); //3分鐘前
復制代碼
007.獲取上周本周下周時間
==============
getDate = n => {
let now = new Date();
let year = now.getFullYear();
let month = now.getMonth() + 1;
let date = now.getDate();
let day = now.getDay();
if (day !== 0) {
n = n + (day - 1);
} else {
n = n + day;
}
if (day) {
if (month > 1) {
month = month;
} else {
year = year - 1;
month = 12;
}
}
now.setDate(now.getDate() - n);
year = now.getFullYear();
month = now.getMonth() + 1;
date = now.getDate();
let s =
year +
"-" +
(month < 10 ? "0" + month : month) +
"-" +
(date < 10 ? "0" + date : date);
return s;
}
/參數(shù)都是以周一為基準的/
//上周的開始時間
// console.log(getDate(7));
//上周的結(jié)束時間
// console.log(getDate(1));
//本周的開始時間
// console.log(getDate(0));
//本周的結(jié)束時間
// console.log(getDate(-6));
//下周的開始時間
// console.log(getDate(-7));
//下周結(jié)束時間
// console.log(getDate(-13));
復制代碼
008.獲取當前時間(年月日)
===============
getNowDate = () => {
let nowdate = new Date();
let y = nowdate.getFullYear();
let m = nowdate.getMonth() + 1;
let d = nowdate.getDate();
return y + "-" + m + "-" + d;
}
復制代碼
009.當前的時間(年月日時分秒)
=================
getDateTime = () => {
let date = new Date();
year = date.getFullYear();
month = date.getMonth() + 1;
day = date.getDate();
hour = date.getHours() + 1;
minute = date.getMinutes();
second = date.getSeconds();
month = checkTime(month);
day = checkTime(day);
hour = checkTime(hour);
minute = checkTime(minute);
second = checkTime(second);
function checkTime(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
return "" + year + "年" + month + "月" + day + "日" + hour + "時" + minute + "分" + second + "秒"
}
console.log(getDateTime());
復制代碼
010.倒計時(開始結(jié)束重置,自定義時間)
=====================
**以下代碼寫到HTML的body中**
<span id="clock">00:01:00:00</span>
<input id="start" type="button" value="開始" onclick="run()">
<input id="end" type="button" value="結(jié)束" onclick="stop()">
<input id="reset" type="button" value="重置" onclick="reset()">
<script language="Javascript">
var normalelapse = 100;
var nextelapse = normalelapse;
var counter;
var startTime;
var start = clock.innerText;
var defaultTime = clock.innerText;
var finish = "00:00:00:00";
var timer = null;
// 開始運行
function run() {
start.disabled = true;
end.disabled = false;
reset.disabled = false;
counter = 0;
// 初始化開始時間
startTime = new Date().valueOf();
// nextelapse是定時時間, 初始時為100毫秒
// 注意setInterval函數(shù): 時間逝去nextelapse(毫秒)后, onTimer才開始執(zhí)行
timer = window.setInterval("onTimer()", nextelapse);
}
// 停止運行
function stop() {
start.disabled = false;
end.disabled = true;
reset.disabled = true;
window.clearTimeout(timer);
}
window.onload = function () {
end.disabled = true;
};
// 重置時間
function reset() {
start.disabled = true;
end.disabled = false;
reset.disabled = false;
window.clearTimeout(timer);
clock.innerText = defaultTime
}
// 倒計時函數(shù)
function onTimer() {
if (start == finish) {
window.clearInterval(timer);
alert("時間到了!");
return;
}
var hms = new String(start).split(":");
var ms = new Number(hms[3]);
var s = new Number(hms[2]);
var m = new Number(hms[1]);
var h = new Number(hms[0]);
ms -= 10;
if (ms < 0) {
ms = 90;
s -= 1;
if (s < 0) {
s = 59;
m -= 1;
}
if (m < 0) {
m = 59;
h -= 1;
}
}
var ms = ms < 10 ? ("0" + ms) : ms;
var ss = s < 10 ? ("0" + s) : s;
var sm = m < 10 ? ("0" + m) : m;
var sh = h < 10 ? ("0" + h) : h;
start = sh + ":" + sm + ":" + ss + ":" + ms;
clock.innerText = start;
// 清除上一次的定時器
window.clearInterval(timer);
// 自校驗系統(tǒng)時間得到時間差, 并由此得到下次所啟動的新定時器的時間nextelapse
counter++;
var counterSecs = counter * 100;
var elapseSecs = new Date().valueOf() - startTime;
var diffSecs = counterSecs - elapseSecs;
nextelapse = normalelapse + diffSecs;
if (nextelapse < 0) nextelapse = 0;
// 啟動新的定時器
timer = window.setInterval("onTimer()", nextelapse);
}
</script>
復制代碼
011.計時器(無開始結(jié)束)
==============
**以下代碼寫到HTML的body中**
<div id="time"></div>
<script type="text/javascript">
var maxtime = 10 * 60; //
function CountDown() {
if (maxtime >= 0) {
minutes = Math.floor(maxtime / 60);
seconds = Math.floor(maxtime % 60);
msg = "還有" + minutes + "分" + seconds + "秒";
document.all["time"].innerHTML = msg;
if (maxtime == 5 * 60) alert("僅剩5分鐘");
--maxtime;
} else {
clearInterval(timer);
alert("時間到!");
}
}
timer = setInterval("CountDown()", 1000);
</script>
復制代碼
012.獲取最近一周(月),下一周(月)日期范圍
========================
**使用時要注意函數(shù)之間的相互引用和this指向問題**
/*
- @param dateNow :Date類
- @param intervalDays ：間隔天數(shù)
- @param bolPastTime ：Boolean,判斷在參數(shù)date之前涮毫，還是之后瞬欧，
*/
getDateRange = (dateNow, intervalDays, bolPastTime) => {
let oneDayTime = 24 * 60 * 60 * 1000;
let list = [];
let lastDay;
if (bolPastTime === true) {
lastDay = new Date(dateNow.getTime() - intervalDays * oneDayTime);
list.push(formateDate(lastDay));
list.push(formateDate(dateNow));
} else {
lastDay = new Date(dateNow.getTime() + intervalDays * oneDayTime);
list.push(formateDate(dateNow));
list.push(formateDate(lastDay));
}
return list;
}
function formateDate (time) {
let year = time.getFullYear()
let month = time.getMonth() + 1
let day = time.getDate()
if (month < 10) {
month = '0' + month
}
if (day < 10) {
day = '0' + day
}
return year + '-' + month + '-' + day + ''
}
var date = new Date();
var list = getDateRange(date, 6, true)
console.log("獲取近一周日期范圍：\n開始日期:" + list[0] + ";結(jié)束日期:" + list[1]);
var list = getDateRange(date, 30, true)
console.log("獲取近一個月日期范圍：\n開始日期:" + list[0] + ";結(jié)束日期:" + list[1]);
var list = getDateRange(date, 0, true)
console.log("獲取今天日期范圍：\n開始日期:" + list[0] + ";結(jié)束日期:" + list[1]);
var list = getDateRange(date, 1, true)
console.log("獲取昨天日期范圍：\n開始日期:" + list[0] + ";結(jié)束日期:" + list[0]);
var list = getDateRange(date, 6, false)
console.log("獲取下一周日期范圍：\n開始日期:" + list[0] + ";結(jié)束日期:" + list[1]);
var list = getDateRange(date, 30, false)
console.log("獲取下一個月日期范圍：\n開始日期:" + list[0] + ";結(jié)束日期:" + list[1]);
/*
獲取近一周日期范圍：
開始日期:2019-12-04;結(jié)束日期:2019-12-10
獲取近一個月日期范圍：
開始日期:2019-11-10;結(jié)束日期:2019-12-10
獲取今天日期范圍：
開始日期:2019-12-10;結(jié)束日期:2019-12-10
獲取昨天日期范圍：
開始日期:2019-12-09;結(jié)束日期:2019-12-09
獲取下一周日期范圍：
開始日期:2019-12-10;結(jié)束日期:2019-12-16
獲取下一個月日期范圍：
開始日期:2019-12-10;結(jié)束日期:2020-01-09
*/
復制代碼
013.字符替換(時間格式)
==============
/*
- str 表示將要替換的字符串
- l 表示你將要替換的字符
- r 表示你想要替換的字符
*/
transFormat = (str, l, r) => {
let reg = new RegExp(l, 'g') // g表示全部替換，默認替換第一個
str = str.replace(reg, r)
return str
}
console.log(transFormat('2019-12-13', '-', '/')); // 2019/12/13
console.log(transFormat('2019-12-13', '-', '')); // 20191213
復制代碼
014.時間補零
========
**如果獲取的時間是一位數(shù)罢防，則補一個0**
Appendzero = obj => {
if (obj < 10 && obj.length < 2) return "0" + obj;
else return obj;
}
復制代碼
015.獲取當前時間半小時之前時間
=================
getHalfHour = () => {
let date = new Date(new Date().getTime() - 30 * 60 * 1000);
let hh = date.getHours()
let mm = date.getMinutes()
let ss = date.getSeconds()
return hh + ':' + mm + ':' + ss
}
復制代碼
有可能我們在使用時間數(shù)據(jù)時艘虎，需要使用到的時間必須是兩位數(shù)，這時候咒吐，我們只需要使用上面的**時間補零**方法野建，就可以完美的解決了，如下：
getHalfHour = () => {
let date = new Date(new Date().getTime() - 30 * 60 * 1000);
let hh = Appendzero(date.getHours())
let mm = Appendzero(date.getMinutes())
let ss = Appendzero(date.getSeconds())
return hh + ':' + mm + ':' + ss
}
function Appendzero(obj) {
if (obj < 10) return "0" + obj;
else return obj;
}
復制代碼
下面緊接著的這兩種方法類似２持汀１岫铡！
016.獲取當前時間1小時之前時間
=================
getOneHour = () => {
let date = new Date(new Date().getTime() - 1 * 60 * 60 * 1000);
let hh = date.getHours()
let mm = date.getMinutes()
let ss = date.getSeconds()
return hh + ':' + mm + ':' + ss
}
復制代碼
017.獲取當前時間12小時之前時間
==================
getHalfHour = () => {
let date = new Date(new Date().getTime() - 30 * 60 * 1000);
let hh = date.getHours()
let mm = date.getMinutes()
let ss = date.getSeconds()
return hh + ':' + mm + ':' + ss
}
復制代碼
018.數(shù)字前補零
=========
/*
- num為你想要進行填充的數(shù)字
- length為你想要的數(shù)字長度
*/
//迭代方式實現(xiàn)
padding1=(num, length)=> {
for(let len = (num + "").length; len < length; len = num.length) {
num = "0" + num;
}
return num;
}
//遞歸方式實現(xiàn)
padding2=(num, length) =>{
if((num + "").length >= length) {
return num;
}
return padding2("0" + num, length)
}
//轉(zhuǎn)為小數(shù)
padding3=(num, length)=> {
let decimal = num / Math.pow(10, length);
//toFixed指定保留幾位小數(shù)
decimal = decimal.toFixed(length) + "";
return decimal.substr(decimal.indexOf(".")+1);
}
//填充截取法
padding4=(num, length)=> {
//這里用slice和substr均可
return (Array(length).join("0") + num).slice(-length);
}
//填充截取法
padding5=(num, length)=> {
let len = (num + "").length;
let diff = length+1 - len;
if(diff > 0) {
return Array(diff).join("0") + num;
}
return num;
}
復制代碼
019.UTC轉(zhuǎn)換標準時間
=============
utcToNorm = utcTime => {
// 轉(zhuǎn)為正常的時間格式 年-月-日 時:分:秒
let T_pos = utcTime.indexOf('T');
let Z_pos = utcTime.indexOf('Z');
let year_month_day = utcTime.substr(0, T_pos);
let hour_minute_second = utcTime.substr(T_pos + 1, Z_pos - T_pos - 1);
let newTime = year_month_day + " " + hour_minute_second;
// 處理成為時間戳
timeStamp = new Date(Date.parse(newTime));
timeStamp = timeStamp.getTime();
timeStamp = timeStamp / 1000;
// 增加8個小時妄呕，北京時間比utc時間多八個時區(qū)
timeStamp = timeStamp + 8 * 60 * 60;
// 時間戳轉(zhuǎn)為時間
let normTime = new Date(parseInt(timeStamp) * 1000).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ");
return normTime;
}
// 測試數(shù)據(jù)
let date = '2019-12-29T03:14:32.860Z'
// let date = JSON.stringify(new Date())
console.log(utcToNorm(date)); // 2019-12-29 11:14:32
復制代碼
020.計算兩個日期之間間隔幾天
================
/**
- strDateStart 開始時間 (String)
- strDateEnd 結(jié)束時間 (String)
*/
intervalDate = (strDateStart,strDateEnd) => {
let strSeparator = "-"; //日期分隔符
let oDate1;
let oDate2;
let iDays;
oDate1= strDateStart.split(strSeparator);
oDate2= strDateEnd.split(strSeparator);
let strDateS = new Date(oDate1[0], oDate1[1]-1, oDate1[2]);
let strDateE = new Date(oDate2[0], oDate2[1]-1, oDate2[2]);
iDays = parseInt(Math.abs(strDateS - strDateE ) / 1000 / 60 / 60 /24);//把相差的毫秒數(shù)轉(zhuǎn)換為天數(shù)
return iDays ;
}
// 測試數(shù)據(jù)
console.log(intervalDate('2020-1-3','2019-12-28')); // 6
console.log(intervalDate('2020-01-03','2019-12-25')); // 9
復制代碼
021.計算兩個日期間隔幾天(通過時間戳計算)
=======================
/**
- startTime 開始時間 (時間戳-毫秒)
- endTime 結(jié)束時間 (時間戳-毫秒)
*/
intervalTimeStamp = (startTime,endTime) => {
let stime = new Date(startTime).getTime();
let etime = new Date(endTime).getTime();
let intervalTime = etime - stime;
let intervalDay=Math.floor(intervalTime/(2436001000));
let interval = intervalDay;
return interval;
}
// 測試數(shù)據(jù)
console.log(intervalTimeStamp(1577808000000,1577980800000)); // 2
復制代碼
022.標準時間轉(zhuǎn)時間戳
============
let date = new Date('2020-03-12 18:00:00');
// 有三種方式轉(zhuǎn)化
let time1 = date.getTime();
let time2 = date.valueOf();
let time3 = Date.parse(date);
console.log(time1); // 1584007200000
console.log(time2); // 1584007200000
console.log(time3); // 1584007200000
