項目用到echarts,橫座標要寫死,將一天24個小時每隔5分鐘渲染,像這樣:
本想寫個死的數組,算了一下,有288個間隔,手動微笑_,想了一下,封裝一個方法,每次傳入參數爲你要間隔的分鐘,比如我是每間隔5分鐘:
function timeSlot (step) { // step = 間隔的分鐘
var date = new Date()
date.setHours(00) // 時分秒設置從零點開始
date.setSeconds(00)
date.setUTCMinutes(00)
// console.log(date.getHours())
// console.log(date.getSeconds())
// console.log(new Date(date.getTime()))
var arr = [], timeArr = [];
var slotNum = 24*60/step // 算出多少個間隔
for (var f = 0; f < slotNum; f++) { // stepM * f = 24H*60M
// arr.push(new Date(Number(date.getTime()) + Number(step*60*1000*f))) // 標準時間數組
var time = new Date(Number(date.getTime()) + Number(step*60*1000*f)) // 獲取:零點的時間 + 每次遞增的時間
var hour = '', sec = '';
time.getHours() < 10 ? hour = '0' + time.getHours() : hour = time.getHours() // 獲取小時
time.getMinutes() < 10 ? sec = '0' + time.getMinutes() : sec = time.getMinutes() // 獲取分鐘
timeArr.push(hour + ':' + sec)
}
return timeArr
}
console.log(timeSlot(5)) // 傳入參數:每間隔5分鐘