9月26日

最新推荐文章于 2024-10-09 15:54:43 发布

葫芦岛老八

最新推荐文章于 2024-10-09 15:54:43 发布

阅读量89

点赞数

文章标签： java jvm 服务器

本文链接：https://blog.csdn.net/m0_73646543/article/details/127053848

版权

正则表达式与定时器

正则表达式通用表

利用正则表达式制作表格

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h4 ><center>欢迎进入**网站</center></h4>
  <p align="center">
  	姓名:    <input type="text" name="" id="xm" value="" placeholder="2~4个标签"/><br />
  	密码:    <input type="text" name="" id="mm" value="" placeholder="至少6位，只能字母数字下划线"/><br />
  	邮箱:    <input type="text" name="" id="yx" value="" placeholder="单域名邮箱"/><br />
  	年龄:    <input type="text" name="" id="nl" value="" placeholder="整数"/><br />
  	
  	<input type="button" name="" id="yz" value="验证信息" />
  	</p>
  	
  	<script type="text/javascript">
  		document.getElementById("yz").onclick=function(){
  			var xm=document.getElementById("xm").value
  			var mm=document.getElementById("mm").value
  			var yx=document.getElementById("yx").value
  			var nl=document.getElementById("nl").value
  			var xm1=/^[\u4e00-\u9fa5]{2,4}$/;
  			var mm1=/^[0-9a-zA-Z]{6,}$/;
  			var yx1=/^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/;
  			var nl1=/^[1-9]\d*$/;
  			if (xm1.test(xm)) {
  				alert("验证通过")
  			} else{
  				alert("姓名必须是2~4个汉字")
  			}
  			
  			if (mm1.test(mm)) {
  				alert("验证通过")
  			} else{
  				alert("至少6位，只能字母数字下划线")
  			}
  			
  			if (yx1.test(yx)) {
  				alert("验证通过")
  			} else{
  				alert("单域名邮箱")
  			}
  			
  			if (nl1.test(nl1)) {
  				alert("验证通过")
  			} else{
  				alert("必须是整数")
  			}
  		}
  	</script>
	</body>
</html>

效果图

定时器

利用定时器简单制作60秒倒计时

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="button" value="一分钟倒计时" onclick="daojishi()" />
		<label id="time">60</label>
		<script>
			function daojishi () {
				var time = 60;
				var interval = setInterval(function  () {
					document.getElementById("time").innerHTML=time;
					time-=1;
					if(time==-1){
						clearInterval(interval)
						document.getElementById("time").innerHTML="倒计时结束"
					}
				},1000)
			}
		</script>
		
		 
	</body>
</html>

利用定时器制作时钟

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>时钟</title>
    <script>
        function show_time() {
            var time=new Date();
            var year=time.getFullYear();
            var month=time.getMonth()+1;
            var day=time.getDate();
            var hour=time.getHours();
            var min=time.getMinutes();
            var sec=time.getSeconds();
            document.getElementById("myclock").innerHTML="<h1>*"+year+"-"+month+"-"+day+"*&nbsp;&nbsp;" +hour+":"+min+":"+sec;
        }
        //serInterval:以相同的时间间隔执行某个操作
        setInterval("show_time()",1000);
    </script>
</head>
<body>
<div id="myclock"></div>
</body>
</html>