js以分钟为单位分割间隔时间

最新推荐文章于 2024-05-13 14:42:02 发布

qq_34262521

最新推荐文章于 2024-05-13 14:42:02 发布

阅读量501

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_34262521/article/details/127102731

版权

该博客主要展示了如何使用JavaScript处理时间分段。通过`createItem`和`createList`函数，将起止时间分割成指定时长（单位为10分钟）的列表，便于时间管理或调度应用。示例中，数据列表包含两个时间段，并进行了遍历和处理。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<style>
	
</style>
<body>

</body>
<script>

var dataList = [
	{"start": "16:00", "end": "18:00"},
	{"start": "15:00", "end": "20:00"}
]
function createItem(start,end,unit){//开始时间 结束时间 分割时长(单位分钟/建议5的倍数)
	var date = new Date();
	var startTime = new Date(date.getFullYear() + '-' + date.getMonth() + '-' + start);
	var endTime = new Date(date.getFullYear() + '-' + date.getMonth() + '-' + end);
	var list = [];
	list.push(start);
	while(true){
        if(startTime<endTime){
			startTime.setMinutes(startTime.getMinutes() + unit);
			list.push((startTime.getHours()>=10?startTime.getHours():'0' + startTime.getHours()) + ':' + (startTime.getMinutes()>=10?startTime.getMinutes():'0' + startTime.getMinutes()));
        }else{
			return list;
            break;
		}
    }
}
function createList(){
	for(let i=0;i<dataList.length;i++){
		dataList[i].list = createItem(dataList[i].start,dataList[i].end,10);
	}
	console.log(dataList);
}
createList();

</script>
</html>