JavaScript 可以使用 date() 方法获取系统时间, 使用 getYear(),getMonth(),getDate() 等方法将系统时间转换为年月日格式, 然后使用 innerhtml 方法将转换后的日期输出到 HTML 页面即可.
JavaScript 获取系统时间并输出:
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <HTML>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
- <title>
- JS 显示当前时间三种显示方式
- </title>
- <meta name="keywords" />
- <meta name="description" />
- </head>
- <body>
- <script language=JavaScript>
- < !--
- var enabled = 0;
- today = new Date();
- var day;
- var date;
- if (today.getDay() == 0) day = "星期日"
- if (today.getDay() == 1) day = "星期一"
- if (today.getDay() == 2) day = "星期二"
- if (today.getDay() == 3) day = "星期三"
- if (today.getDay() == 4) day = "星期四"
- if (today.getDay() == 5) day = "星期五"
- if (today.getDay() == 6) day = "星期六"document.fgColor = "000000";
- date = "今天是:" + (today.getYear()) + "年" + (today.getMonth() + 1) + "月" + today.getDate() + "日" + day + "";
- document.write(date);
- // -->
- </script>
- <hr>
- <div id="webjx">
- </div>
- <hr>
- <script>
- setInterval("webjx.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四"
五六'.charAt(new Date().getDay());",1000);
- </script>
- <span id=nowDate></span>
- <span id=nowTime></span>
- <script><!--
- var ns4up1 = (document.layers) ? 1 : 0; // browser sniffer
- var ie4up1 = (document.all&&(navigator.appVersion.indexOf("MSIE 4") == -1)) ? 1 : 0;
- var ns6up1 = (document.getElementById&&!document.all) ? 1 : 0;
- function nowclock() {
- if (!ns4up1 && !ie4up1 && !ns6up1) return false;
- var digital = new Date();
- var hours = digital.getHours();
- var minutes = digital.getMinutes();
- var seconds = digital.getSeconds();
- var day = digital.getDate();
- var month = digital.getMonth() + 1;
- var year = digital.getYear();
- var amOrPm = "AM";
- if (hours> 11) amOrPm = "PM";
- if (hours> 12) hours = hours - 12;
- if (hours == 0) hours = 12;
- if (minutes <10) minutes = "0" + minutes;
- if (seconds < 10) seconds = "0" + seconds;
- if (day < 10) day = "0" + day;
- if (month < 10) month = "0" + month;
- dispTime = hours + ":" + minutes + ":" + seconds + " " + amOrPm;
- dispDate = year + "年" + month + "月" + day+ "日," ;
- if (ns4up1) {
- document.layers.nowTime.document.write(dispTime);
- document.layers.nowTime.document.close();
- document.layers.nowDate.document.write(dispDate);
- document.layers.nowDate.document.close();
- } else if (ns6up1){
- document.getElementById("nowTime").innerHTML = dispTime;
- document.getElementById("nowDate").innerHTML = dispDate;
- } else if (ie4up1){
- nowTime.innerHTML = dispTime;
- nowDate.innerHTML = dispDate;
- } setTimeout("nowclock()", 1000);
- } nowclock();
- //-->
- </script>
- </div>
- </body>
- </HTML>
Date 对象
Date 对象用于处理日期与时间.
创建 Date 对象: new Date()
date() 对象方法:
getDay() 方法从 Date 对象返回一周中的某一天 (0 ~ 6).
注意: 星期天为 0, 星期一为 1, 以此类推.
getYear() 已废弃. 请使用 getFullYear() 方法代替.
getFullYear() 从 Date 对象以四位数字返回年份.
getFullYear() 方法可返回一个表示年份的 4 位数字.
getMonth() 从 Date 对象返回月份 (0 ~ 11).
getMonth() 方法可返回表示月份的数字. 返回值是 0(一月) 到 11(十二月) 之间的一个整数.
注意: 一月为 0, 二月为 1, 以此类推.
来源: http://www.css88.com/qa/javascript/11887.html