发表于: 2021-11-22 21:40:58
0 982
今天完成的事情:
在师兄的指导下完成了法官日志页面。
明天计划的事情:
继续完成任务页面。
遇到的问题:
Js还是知识点不会,准备看看师兄的日报,学点东西。
收获
结果页
var a = sessionStorage.getItem("day");
console.log(a);
var day = a.split(",").length;
var startTime = parseInt(sessionStorage.getItem("startTime"));
var endTime = parseInt(sessionStorage.getItem("endTime"));
var x = sessionStorage.getItem("stepTime").split(",");
var beKill = sessionStorage.getItem("beKill").split(",");
var beVote = sessionStorage.getItem("beVote").split(",");
var shu = sessionStorage.getItem("shu").split(",");
var r = shu.length;//获取人数量
console.log(r);
获取本地储存的数组
1.a :游戏进行的天数
2.startTime:游戏开始的时间
3.startTime:游戏结束的时间
4.beKill :被杀死淘汰发的玩家
5.beVote:被投票淘汰的玩家
6.shu :总人数编号以及身份组
7.r :获取人数量
var stepTime = [];
var minuteTime = [];
var secondTime = [];
创建空时间数组,用于储存游戏每天进行的准确时间
for (var l = 0; l < x.length; l++) {
stepTime[l] = parseInt(x[l]);
}
for (var i = 0; i < day; i++) {
minuteTime[i] = Math.floor((stepTime[i + 1] - stepTime[i]) / 1000 / 60);
secondTime[i] = Math.floor((stepTime[i + 1] - stepTime[i]) / 1000 % 60);
}
获取游戏时间
if (parseInt(sessionStorage.getItem("killerNumber")) == 0) {
$("h2").text("平民胜利");
$("h3").text("本轮游戏中共抓住" + Math.floor(r / 4) + "名杀手,存活" +
(r - beVote.length - beKill.length) +
"名平民,共经历了" + day + "次夜晚,在杀人游戏中击败了67%的玩家!");
}
else {
$("h2").text("杀手胜利");
$("h3").text("太棒了!在杀人游戏中只有20%的杀手才能获得游戏的胜利!");
}
根据胜利方,创建对应的样式
var orlm = sessionStorage.getItem("orlm");//平民词汇
var killer = sessionStorage.getItem("killer");//杀手词汇
$(".Yshi").text("本次游戏总计用时 " + Math.round((endTime - startTime) / 1000 / 60) + " 分钟");
$(".left").text("杀 手 " + Math.floor(r / 4) + " 人");
$(".right").text("平 民 " + (r - Math.floor(r / 4)) + " 人");
$(".orlm").text("平民词汇:" + orlm);
$(".killer").text("杀手词汇:" + killer);
展现总时间,及各类玩家人数和词汇
for (var i = 0; i < day; i++) {
$(".bottom").append('<div class="bottom-t">' +
'<div class="box">' +
'<div class="box-l">第 ' + (i + 1) + ' 天</div>' +
'<div class="box-r">' + minuteTime[i] + ' 分 ' + secondTime[i] + ' 秒 ' + '</div>' +
'</div>' +
'<h6>' + "晚上:" + (parseInt(beKill[i]) + 1) + "号被杀死,身份是" + shu[beKill[i]] + '</h6>' +
'<h6 class="day"></h6>' +
'</div>'
)
if (beVote[i] != undefined) {
$(".day").eq(i).text("白天:" + (parseInt(beVote[i]) + 1) + "号玩家被全民投死,身份是" + shu[beVote[i]])
}
}
循环展示游戏每天的游戏进度
评论