JavaScript——输入框、计时器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body onl oad="get_time()">
<!-- <form action=""> -->
<!-- register -->
<p>
username:<input type="text" id="userName">
<span style="color: red;"></span>
</p>
<p>
password:<input type="password" id="passWord">
<span style="color: red;"></span>
</p>
<button id="suBtu">提交</button>
<!-- </form> -->
<!-- time -->
<br>
time:<span id='nowTime'></span>
<br>
<button id='start'>start</button>
<button id="stop">stop</button>
<script src="new_file.js"></script>
</body>
</html>
let suBtuEle = document.getElementById('suBtu')
suBtuEle.onclick = function(){
let userNameEle = document.getElementById('userName')
let passWordEle = document.getElementById('passWord')
if (userNameEle.value === 'jason'){
userNameEle.nextElementSibling.innerText = 'username is not jason!'
}
if (passWordEle.value === '123'){
passWordEle.nextElementSibling.innerText = 'password is not 123!'
}
userNameEle.onfocus = function(){
userNameEle.nextElementSibling.innerText = ''
}
passWordEle.onfocus = function(){
passWordEle.nextElementSibling.innerText = ''
}
}
// 获取当前时间、开始、结束按钮标签
let timeEle = document.getElementById('nowTime')
let startEle = document.getElementById('start')
let stopEle = document.getElementById('stop')
// 获取当前时间
function get_time(){
var date=new Date();
var time=date.toLocaleString();
document.getElementById("nowTime").innerHTML=time;
}
t = setInterval("get_time();",1000);
startEle.onclick = function(){
t = setInterval("get_time();",1000);
}
stopEle.onclick = function(){
clearInterval(t)
}
标签:function,passWordEle,JavaScript,输入框,getElementById,计时器,time,let,document
From: https://www.cnblogs.com/HaiMan/p/16961558.html