1.方法一：最简单的写法，直接输出时间到页面
<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv=Content-Type content=text/html;charset="utf-8"> <script type="text/javascript"> function getNowTime() { var now = new Date(); var date = now.getFullYear() + "-" + (now.getMonth() + 1) + "-" + now.getDate(); // 年月日 var time = now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds(); // 时分秒 var day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[now.getDay()]; // 星期 document.getElementById("clock").innerHTML = date+" "+time+" "+day; } window.setInterval("getNowTime()", 1000); </script> </head> <body leftmargin="0" topmargin="0" onload="getNowTime()"> <div id="clock"></div> </body> </html>
2、方法二：引用外部js实现多种格式时间
1、Clock.js 代码
function Clock() { var date = new Date(); this.year = date.getFullYear(); this.month = (date.getMonth() + 1) < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1; this.date = date.getDate() < 10 ? "0" + date.getDate() : date.getDate(); this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()]; this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(); this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(); this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds(); this.toString = function() { return this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day; }; this.toSimpleDate = function() { return this.year + "-" + this.month + "-" + this.date; }; this.toDetailDate = function() { return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second; }; this.display = function(ele) { var clock = new Clock(); ele.innerHTML = clock.toString(); window.setTimeout(function() {clock.display(ele);}, 1000); }; }
2、HTMl 引用代码
注意：10~13 行代码，要放在HTML的最后，否则不会执行！
<html> <head> <title></title> <meta http-equiv=Content-Type content=text/html;charset=utf-8> <script IPT src="js/Clock.js" type=text/javascript></script> </head> <body leftmargin="0" topmargin="0"> <div id="clock"></div> </body> <SCRIPT type=text/javascript> var clock = new Clock(); clock.display(document.getElementById("clock")); </SCRIPT> </html>
二. JS 获取当前的时间戳
获取当前时间的时间戳，有三种方法
第一种方法：
var timestamp = Date.parse(new Date());
结果：1280977330000
第二种方法：
var timestamp = (new Date()).valueOf();
结果：1280977330748
第三种方法：
var timestamp = new Date().getTime();
结果：1280977330748
第一种方法获取的时间戳是把毫秒改成000显示，后两种方法获取了当前毫秒的时间戳。
获取指定时间的时间戳
function getTime(day){ re = /(d{4})(?:-(d{1,2})(?:-(d{1,2}))?)?(?:s+(d{1,2}):(d{1,2}):(d{1,2}))?/.exec(day); return new Date(re[1],(re[2]||1)-1,re[3]||1,re[4]||0,re[5]||0,re[6]||0).getTime(); } alert(getTime("2013-02-03 10:10:10")); alert(getTime("2013-02-03")); alert(getTime("2013-02")); alert(getTime("2013"));