<!
DOCTYPE
html>
<
html
>
<
head
>
<
metahttp-equiv
=
"Content-Type"
content
=
"text/html;charset=utf-8"
>
</
metahttp-equiv
>
<
title
>英雄最低战力查询</
title
>
<
script
src
=
"http://106.54.89.117/Hero.js"
charset
=
"UTF-8"
type
=
"text/javascript"
></
script
>
<
style
>
.case {
float: left
}
</
style
>
<
script
>
//console.log(hero_info);
function Result(str) {//更改 获得焦点
if (str.length == 0 || str == '请输入要查询的英雄名') {
document.getElementById('livesearch').innerHTML = '';
return;
}
hint = '';
var patt = new RegExp(str);
for (let key in hero_info) {
let info = hero_info[key]
if (patt.test(info.cname)) {//根据英雄名称匹配
HeroName = info.skin[0][0] + '[' + info.cname + ']';
hint += '<
a
id
=
"' + info.cname + '"
onclick
=
"HeroInfo(this.id)"
>' + HeroName + '</
a
><
br
/>'
} else {
for (let index = 0; index <
info.skin.length
; index++) {//遍历皮肤
if (patt.test(info.skin[index][0])) {//根据英雄皮肤名称匹配
HeroName
=
info
.skin[index][0] + '[' + info.cname + ']';
hint += '<a
id
=
"' + info.cname + '"
onclick
=
"HeroInfo(this.id)"
>' + HeroName + '</
a
><
br
/>'
}
}
}
}
if (hint == '') {
hint = '没有该英雄信息';
}
document.getElementById('livesearch').innerHTML = hint;
document.getElementById('livesearch').style.border = '1px solid #A5ACB2';
}
function Result2(str) {//点击
if (str == '请输入要查询的英雄名') {
document.getElementById('text').value = '';
}
}
function Result3(str) {//失去焦点
if (str == '') {
document.getElementById('text').value = '请输入要查询的英雄名';
}
}
function formSubmit() {
hero = document.getElementById('text').value;
HeroInfo(hero);
}
function getYMDHMS(timestamp) {
let time = new Date(timestamp*1000)
let year = time.getFullYear()
const month = (time.getMonth() + 1).toString().padStart(2, '0')
const date = (time.getDate()).toString().padStart(2, '0')
const hours = (time.getHours()).toString().padStart(2, '0')
const minute = (time.getMinutes()).toString().padStart(2, '0')
const second = (time.getSeconds()).toString().padStart(2, '0')
return year + '-' + month + '-' + date + ' ' + hours + ':' + minute + ':' + second
}
function PowerFormat(PowerData) {
let HeroZhanLi = ''
HeroZhanLi += '区标最低战力:' + PowerData['area'];
HeroZhanLi += '(' + PowerData['areaPower'] + ')</
br
>';
HeroZhanLi += '更新时间:' + getYMDHMS(PowerData['areaTime']) + '</
br
>';
HeroZhanLi += '市标最低战力:' + PowerData['city'];
HeroZhanLi += '(' + PowerData['cityPower'] + ')</
br
>';
HeroZhanLi += '更新时间:' + getYMDHMS(PowerData['cityTime']) + '</
br
>';
HeroZhanLi += '省标最低战力:' + PowerData['province'];
HeroZhanLi += '(' + PowerData['provincePower'] + ')</
br
>';
HeroZhanLi += '更新时间:' + getYMDHMS(PowerData['provinceTime']) + '</
br
>';
return HeroZhanLi;
}
function HeroInfo(hero) {
console.log(hero);
document.getElementById('text').value = hero;
document.getElementById('livesearch').innerHTML = '';
for (let key in hero_info) {
let info = hero_info[key]
if (info.cname == hero) {//根据英雄名称完全匹配
let HeroZhanLi = '</
br
>';
HeroZhanLi += info.skin[0][0] + '[' + info.cname + ']</
br
>';
HeroZhanLi += '</
br
>QQ区:</
br
>';
HeroZhanLi += PowerFormat(info['Power']['qq']);
HeroZhanLi += '</
br
>微信区:</
br
>';
HeroZhanLi += PowerFormat(info['Power']['wx']);
document.getElementById('info').innerHTML = HeroZhanLi;
//console.log(info['Power']);
return;
}
}
document.getElementById('info').innerHTML = '没有找到该英雄信息';
}
</
script
>
</
head
>
<
body
>
<
form
method
=
'get'
>
<
div
class
=
"case"
>
<
input
id
=
'text'
type
=
'text'
name
=
'hero'
value
=
'请输入要查询的英雄名'
onkeyup
=
'Result(this.value)'
onfocus
=
'Result(this.value)'
onclick
=
'Result2(this.value)'
onblur
=
'Result3(this.value)'
>
<
div
id
=
'livesearch'
></
div
>
<
div
id
=
'info'
>
</
div
>
</
div
>
<
input
type
=
"button"
onclick
=
"formSubmit()"
value
=
"查找"
>
<
br
>
</
form
>
</
body
>
</
html
>