欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-06-02 09:47:43
...
页面前台显示
复制代码 代码如下:


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 if (m if (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()this.minute=date.getMinutes()this.second=date.getSeconds()

this.toString=function(){
return"现在时间是:"+this.year+"年"+this.month+"月"+this.date+"日"+this.hour+":"+this.minute+":"+this.second+""+this.day;
};

this.toSimpleDate=function(){
returnthis.year+"-"+this.month+"-"+this.date;
};

this.toDetailDate=function(){
returnthis.year+"-"+this.month+"-"+this.date+""+this.hour+":"+this.minute+":"+this.second;
};

this.display=function(ele){
varclock=newClock();
ele.innerHTML=clock.toString();
window.setTimeout(function(){clock.display(ele);},1000);
};
}

相关标签: js显示当前时间