使用js显示当前时间示例__myArray_var_date_this_clock_

当前位置: 编程技术>WEB前端

使用js显示当前时间示例

来源: 互联网发布时间：2014-08-25

本文导语: 页面前台显示代码如下: js脚本代码如下:$(document).ready(function () {//第一种showTime();//第二种var clock = new Clock();clock.display($("#clock"));}); //显示系统当前时间处理第一种方法 function showTime() { var myArray = new Array(7); var TD = new Date(); ...

页面前台显示

代码如下:

js脚本

代码如下:

$(document).ready(function () {
//第一种
showTime();
//第二种
var clock = new Clock();
clock.display($("#clock"));
});

//显示系统当前时间处理第一种方法
function showTime() {
var myArray = new Array(7);
var TD = new Date();
myArray[0] = "星期日";
myArray[1] = "星期一";
myArray[2] = "星期二";
myArray[3] = "星期三";
myArray[4] = "星期四";
myArray[5] = "星期五";
myArray[6] = "星期六";
weekday = TD.getDay();
var h = TD.getHours();
var m = TD.getMinutes();
var s = TD.getSeconds();
var hstr = h;
var mstr = m;
var istr = s;
if (h < 10) { hstr = "0" + h };
if (m < 10) { mstr = "0" + m };
if (s < 10) { istr = "0" + s };
$("#clock").innerHTML('当前时间：' + new Date().toLocaleDateString() + " " + myArray[weekday] + " " + hstr + ":" + mstr + ":" + istr);
setTimeout(showTime, 1000);
}

//显示系统当前时间处理第二种方法
function Clock() {
var date = new Date();
this.year=date.getFullYear();
this.month=date.getMonth()+1;
this.date=date.getDate();
this.day=newArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六")[date.getDay()];
this.hour=date.getHours()