原神五星祈愿UP时间表

海天鹰

已于 2023-04-12 23:29:31 修改

阅读量350

点赞数 1

文章标签： html javascript

于 2023-04-11 19:48:48 首次发布

本文链接：https://blog.csdn.net/sonichty/article/details/130091893

版权

自动计算距离上次祈愿天数，浏览器搜索可定位角色和查看UP次数。

还可以随机抽取下次UP五星角色。

<html>
<title>原神五星祈愿UP时间表</title>
<head>
<style>
h1 { text-align:center; }
table { border-collapse:collapse; margin:auto; }
th, td { border:1px solid black; padding:10px; text-align:center;}
a { text-decoration:none; }
#up_result { display:inline-block; width:5em; }
</style>
</head>
<body>
<h1>原神五星祈愿UP时间表</h1>
<p id='sdate' align="center"></p>
<p align="center"><button id="button_up">随机UP</button> <span id="up_result"></span></p>
<table id="table">
<tr><th>版本</th><th>开始时间</th><th>结束时间</th><th>五星UP角色</th><th>距今天(天)</th></tr>
</table>
<p align="center">参考：<a href="https://www.miyoushe.com/ys/article/30796111" target="_blank">全版本祈愿图</a>
<p align="center">&copy;&nbsp;Copyright 2023 版权所有 海天鹰 sonichy@163.com</p>
<script>
var sdate = document.getElementById('sdate');
var date1 = new Date();
sdate.textContent = date1.getFullYear() + "/" + (date1.getMonth() + 1) + '/' + date1.getDate();

var star5 = ['流浪者', '纳西妲', '妮露', '赛诺', '缇纳里', '夜兰', '神里绫人', '八重神子', '申鹤', '荒泷一斗', '珊瑚宫心海', '雷电将军', '宵宫', '神里绫华', '枫原万叶', '优菈', '胡桃', '魈', '甘雨', '阿贝多', '钟离', '达达利亚', '可莉', '温迪', '刻晴', '莫娜', '七七', '迪卢克', '琴', '埃洛伊'];
document.getElementById('button_up').addEventListener('click', function(){
	var r = parseInt(Math.random() * star5.length);
	document.getElementById('up_result').textContent = star5[r];
},false);

var table = document.getElementById('table');
var item = new Array();
item.push(['1.0上', '2020/09/28', '2020/10/18', '温迪']);
item.push(['1.0下', '2020/10/20', '2020/11/10', '可莉']);
item.push(['1.1上', '2020/11/12', '2020/12/01', '达达利亚']);
item.push(['1.1下', '2020/12/02', '2020/12/22', '钟离']);
item.push(['1.2上', '2020/12/22', '2021/01/12', '阿贝多']);
item.push(['1.2下', '2021/01/12', '2021/02/02', '甘雨']);
item.push(['1.3上', '2021/02/03', '2021/02/17', '魈']);
item.push(['1.3中', '2021/02/17', '2021/03/02', '刻晴']);
item.push(['1.3下', '2021/03/02', '2021/03/17', '胡桃']);
item.push(['1.4上', '2021/03/18', '2021/04/06', '温迪']);
item.push(['1.4下', '2021/04/06', '2021/04/27', '达达利亚']);
item.push(['1.5上', '2021/04/28', '2021/05/18', '钟离']);
item.push(['1.5下', '2021/05/18', '2021/06/08', '优菈']);
item.push(['1.6上', '2021/06/09', '2021/06/29', '可莉']);
item.push(['1.6下', '2021/06/29', '2021/07/20', '枫原万叶']);
item.push(['2.0上', '2021/07/21', '2021/08/10', '神里绫华']);
item.push(['2.0下', '2021/08/10', '2021/08/31', '宵宫']);
item.push(['2.1上', '2021/09/01', '2021/09/21', '雷电将军']);
item.push(['2.1下', '2021/09/21', '2021/10/12', '珊瑚宫心海']);
item.push(['2.2上', '2021/10/13', '2021/11/02', '达达利亚']);
item.push(['2.2下', '2021/11/02', '2021/11/23', '胡桃']);
item.push(['2.3上', '2021/11/24', '2021/12/14', '阿贝多']);
item.push(['2.3下', '2021/12/14', '2022/01/04', '荒泷一斗']);
item.push(['2.4上', '2022/01/05', '2022/01/25', '魈，申鹤']);
item.push(['2.4下', '2022/01/25', '2022/02/15', '钟离，甘雨']);
item.push(['2.5上', '2022/02/16', '2022/03/08', '八重神子']);
item.push(['2.5下', '2022/03/08', '2022/03/29', '雷电将军，珊瑚宫心海']);
item.push(['2.6上', '2022/03/30', '2022/04/19', '温迪']);
item.push(['2.6下', '2022/04/19', '2022/05/30', '神里绫华']);
item.push(['2.7上', '2022/05/31', '2022/06/21', '魈，夜兰']);
item.push(['2.7下', '2022/06/21', '2022/07/12', '荒泷一斗']);
item.push(['2.8上', '2022/07/13', '2022/08/02', '可莉，枫原万叶']);
item.push(['2.8下', '2022/08/02', '2022/08/23', '宵宫']);
item.push(['3.0上', '2022/08/24', '2022/09/09', '钟离，提纳里']);
item.push(['3.0下', '2022/09/09', '2022/09/27', '甘雨，珊瑚宫心海']);
item.push(['3.1上', '2022/09/28', '2022/10/14', '温迪，赛诺']);
item.push(['3.1下', '2022/10/14', '2022/11/01', '阿贝多，妮露']);
item.push(['3.2上', '2022/11/02', '2022/11/18', '宵宫，纳西妲']);
item.push(['3.2下', '2022/11/18', '2022/12/06', '达达利亚，八重神子']);
item.push(['3.3上', '2022/12/07', '2022/12/21', '散兵，荒泷一斗']);
item.push(['3.3下', '2022/12/22', '2023/01/17', '雷电将军，神里绫人']);
item.push(['3.4上', '2023/01/18', '2023/02/01', '艾尔海森，魈']);
item.push(['3.4下', '2023/02/02', '2023/02/28', '胡桃，夜兰']);
item.push(['3.5上', '2023/03/01', '2023/03/21', '迪希雅，赛诺']);
item.push(['3.5下', '2023/03/22', '2023/04/11', '神里绫华，申鹤']);
item.push(['3.6上', '2023/04/12', '2023/05/02', '纳西妲，妮露']);
item.reverse();

for (i=0; i<item.length; i++) {
	var tr = document.createElement('tr');
	var date;
	for (j=0; j<item[0].length; j++) {
		var td = document.createElement('td');
		td.textContent = item[i][j];
		tr.appendChild(td);
		if (j == 1)
			date = new Date(Date.parse(item[i][j]));
	}
	var dd = parseInt((date1 - date)/1000/60/60/24);
	var td = document.createElement('td');
	td.textContent = dd;
	tr.appendChild(td);
	table.appendChild(tr);
}
</script>
</body>
</html>