最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 21:20:22
文档

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

使用js显示当前时间示例_jquery:页面前台显示 代码如下: js脚本 代码如下:$(document).ready(function () {//第一种showTime();//第二种var clock = new Clock();clock.display($(#clock));}); //显示系统当前时间处理 第一种方法 function showTime()
推荐度:
导读使用js显示当前时间示例_jquery:页面前台显示 代码如下: js脚本 代码如下:$(document).ready(function () {//第一种showTime();//第二种var clock = new Clock();clock.display($(#clock));}); //显示系统当前时间处理 第一种方法 function showTime()

页面前台显示
代码如下:

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()<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(){
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显示当前时间示例_jquery

使用js显示当前时间示例_jquery:页面前台显示 代码如下: js脚本 代码如下:$(document).ready(function () {//第一种showTime();//第二种var clock = new Clock();clock.display($(#clock));}); //显示系统当前时间处理 第一种方法 function showTime()
推荐度:
标签: js 日期时间 示例
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top