zl程序教程

您现在的位置是:首页 >  后端

当前栏目

使用js显示当前时间示例

JS 使用 时间 示例 显示 当前
2023-06-13 09:15:18 时间

页面前台显示

复制代码代码如下:

<spanid="clock"style="font-size:14px;"></span>

js脚本

复制代码代码如下:

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

//显示系统当前时间处理第一种方法
functionshowTime(){
 varmyArray=newArray(7);
 varTD=newDate();
 myArray[0]="星期日";
 myArray[1]="星期一";
 myArray[2]="星期二";
 myArray[3]="星期三";
 myArray[4]="星期四";
 myArray[5]="星期五";
 myArray[6]="星期六";
 weekday=TD.getDay();
 varh=TD.getHours();
 varm=TD.getMinutes();
 vars=TD.getSeconds();
 varhstr=h;
 varmstr=m;
 varistr=s;
 if(h<10){hstr="0"+h};
 if(m<10){mstr="0"+m};
 if(s<10){istr="0"+s};
 $("#clock").innerHTML("当前时间:"+newDate().toLocaleDateString()+""+myArray[weekday]+""+hstr+":"+mstr+":"+istr);
 setTimeout(showTime,1000);
}

//显示系统当前时间处理第二种方法
functionClock(){
vardate=newDate();
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);
};
}