1.车牌号查询限号
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
#id{
width: 300px;
border-bottom: 1px solid black;
color: #FF0000;
font-size: 20px;
font-family: STSong;
outline: none;
background: none;
}
</style>
</head>
<body>
<input type="text" name="" id="id" value="" placeholder="请输入车牌号" />
<button type="button" >查询</button>
<script type="text/javascript">
let carid=document.querySelector('#id')
let btn=document.querySelector('button')
btn.addEventListener('click',isnum)
function isnum(){
let date =new Date()
let dateday=date.getDay()
let n=listnum()
if (dateday>4){
alert("你的车今天不限号")
}else{
if (n==dateday||n==dateday+5){
alert("你的车今天限号")
}
}
}
function listnum(){
let id=carid.value
let num=id.replace(/[^0-9]/ig,"")
return parseInt(num[num.length-1])
}
</script>
</body>
</html>
2.随机摇人
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
#name{
float: left;
width: 100px;
height: 40px;
text-align: center;
line-height: 40px;
background-color: yellow;
color: black;
font-size: 15px;
font-family: STSong;
}
button{
width: 60px;
height: 20px;
margin-top:20px ;
}
</style>
</head>
<body>
<p id="name">李佳林</p>
<button type="button" id="btn">摇号</button>
<script type="text/javascript">
let name=["李佳林","王连旭","张旭","宋剑成","梁又齐","李德财","冯燚","侯泰坤"]
var time=parseInt(Math.random()*10+10)
let na=document.querySelector("#name")
let di=document.querySelector("#btn")
di.addEventListener('click',selectName)
function selectName(){
var number=0
let set1=setInterval(()=>{
n=parseInt(Math.random()*name.length)
na.textContent=name[n]
number+=1
if (number==time){
clearInterval(set1)
}
},300)
}
</script>
</body>
</html>
