源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

使用js显示当前时间示例

  • 时间:2020-05-10 16:17 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:使用js显示当前时间示例
页面前台显示
[u]复制代码[/u] 代码如下:
<span id="clock" style="font-size:14px;"></span>
js脚本
[u]复制代码[/u] 代码如下:
$(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); }; }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部