本文介绍了一个使用纯HTML和JavaScript实现的时间与时间戳互相转换的网页应用。该应用支持用户输入北京时间或Unix时间戳，并能将其转换为对应的时间戳或北京时间。
徒手用最原始的Html和JS写了一个时间和时间戳互相转换的页面
，
直接贴代码
js部分
<script type="text/javascript">
function getTime() {
var aa = document.getElementById("time1").value;
var myselect = document.getElementById("c1").value;
var newstr = aa.replace(/-/g, '/');
var date = new Date(newstr);
var time_str = date.getTime().toString();
if(time_str.indexOf("NaN") >=0){
alert("请输入正确格式的时间 例如：2004/1/1 10:10:10");
return ;
}
if(myselect=="s1"){
document.getElementById("time2").value = time_str.substr(0, 10);
}
else{
document.getElementById("time2").value = time_str;
}
return time_str.substr(0, 10);
}
function getTime2(){
var aa = document.getElementById("time3").value;
var myselect = document.getElementById("c2").value;
if(myselect=="s1"){
var unixTimestamp = new Date(aa*1000);
}else{
var unixTimestamp = new Date(aa*1);
}
commonTime = unixTimestamp.toLocaleString();
if(commonTime.indexOf("NaN") >=0){
alert("请输入正确格式的时间戳!");
return ;
}else{
document.getElementById("time4").value = commonTime;
}
}
Date.prototype.toLocaleString = function() {
return this.getFullYear() + "/" + (this.getMonth() + 1) + "/" + this.getDate() + " " + this.getHours() + ":" + this.getMinutes() + ":" + this.getSeconds();
};
</script>
html部分
<body>
北京时间(yyyy/mm/dd hh:mm:ss)
<input type="text" id="time1" />
<input type="button" value="转换成时间戳" style="width: 120px"
onclick="getTime()" />
<input type="text" id="time2" />
<select id="c1">
<option value ="s1" selected="true">秒</option>
<option value ="s2">毫秒</option>
</select>
<br />
<br /> Unix时间戳（Unix timestamp）
<input type="text" id="time3" />
<select id="c2">
<option value ="s1" selected="true">秒</option>
<option value ="s2">毫秒</option>
</select>
<input type="button" value="转换成时间戳" style="width: 120px"
onclick="getTime2()" />
<input type="text" id="time4" />
</body>
扫一扫
1087
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
