JS练手小项目2 - 正则与时间函数_正则练手项目-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_39642150/article/details/97031966

本文介绍了一个简单的JavaScript实战项目，主要内容包括从HTML中提取邮箱地址并替换公司简称，验证手机号的有效性，以及获取当前时间的时间戳。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS练手小项目

需求：

将邮箱中的用户名和公司名提取出来，并且要将提取的公司小名换成公司全名(如：“QQ"显示为"腾讯”)
验证手机号(首位数为1，第2位是34578中的一个，号码长度为11，全为数字)
获取系统时间戳

html

<body>
	<ul>
		<li>123456789@qq.com</li>
		<li>13512345678</li>
	</ul>
	<script src="./js/email.js"></script>
</body>

js

//将邮箱中的用户名和公司名提取出来，并且要将提取的公司小名换成公司全名
var posterjson = {"qq":"腾讯","163":"网易","126":"网易","193":"中国移动","aliyun":"阿里"};
var email = document.getElementsByTagName("li")[0].innerHTML;
name = email.split(/@/)[0];
poster = email.split(/@|.com|.com.cn/)[1];
if(posterjson[poster]){
	poster = posterjson[poster];
}else{
	poster = "无此邮箱，请重试！"
}
// alert("name:"+name+"\n"+"poster:"+poster);

//首位数为1，第2位是34578中的一个，号码长度为11，全为数字
var usernum = document.getElementsByTagName("li")[1].innerHTML;
if(/^1[3|4|5|7|8]\d{9}$/.test(usernum)){
	alert("该号码验证通过:"+usernum);
}else{
	alert("无此号码，请重试！")
}

//获取系统时间戳
var date = new Date();
var year = date.getFullYear();//年份
var month = date.getMonth()+1;//月份
var day = date.getDate();//日
var hours = date.getHours();//小时
var minutes = date.getMinutes();//分
var seconds = date.getSeconds();//秒
var currentDate = year+"/"+month+"/"+day+" "+hours+":"+minutes+":"+seconds
var timestamp = date.getTime();//时间戳
var timestamp = date.valueOf();//时间戳
var timestamp2 = Date.parse(date);//时间戳(毫秒000显示)
alert("当前时间："+"\n"+currentDate+"\n"+timestamp);

//以下是使用js创建li并且修改li内容
var ulNode = document.getElementsByTagName("ul")[0];
var liNode = document.createElement("li")
ulNode.appendChild(liNode);
document.getElementsByTagName("li")[2].innerHTML = currentDate;