<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
* {
padding: 0%;
margin: 0%;
}
span {
margin-left: 30px;
}
p,
span {
margin-left: 0px;
}
</style>
</head>
<body>
<form>
<input type="text" name="" id="demo" />
<span>你的等级是：</span><span id="lv"></span>
<input type="button" value="确认" οnclick="main()" />
<p>
<span id="time"></span>
</p>
</form>
</body>
</html>
<script type="text/javascript">
function main() {
var x = "";
var score = document.getElementById('demo').value;
//alert(typeof dx);
score = parseInt(score);
if (score >= 0 && score <= 100) {
switch (true) {
case score < 60:
document.getElementById("lv").innerHTML = "不及格";
input();
break;
case score >= 60 && score <= 70:
document.getElementById("lv").innerHTML = "及格";
input();
break;
case score > 70 && score < 80:
document.getElementById("lv").innerHTML = "良好";
input();
break;
case score >= 80:
document.getElementById("lv").innerHTML = "优秀";
input();
break;
}
} else {
document.getElementById("lv").innerHTML = "输入的字符不合法";
alert('请重新输入');
}
function input() {
var number = 5;
var time = document.getElementById("time");
function show() {
if (number == 1) {
//跳转页面
location.href = "https://www.baidu.com";
}
//用来动态设置里面的内容
time.innerHTML = "您将在" + number + "秒钟跳转到主页";
number--;
}
setInterval(show, 1000);
}
}
</script>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
