js显示当前时间示例 jquery实现

  次阅读 来源:互联网(转载协议) 2016-01-27 15:55 我要评论(0)

这篇文章主要介绍了使用js显示当前时间示例,这里也用到了jquery,让得把它也要引入到页面中

页面前台显示

代码如下:

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

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;

本站部分文章来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 让AI触手可及  Qualcomm携手创通联达推出全新终端侧AI开发套件

    让AI触手可及 Qualcomm携手创通联达推出全新终端侧AI开发套件

  • 品友互动为Digital Travel APAC2018 唯一受邀中国AI企业

    品友互动为Digital Travel APAC2018 唯一受邀中国AI企业

  • 第一批国家重点研发计划公布,旷视科技开启“五年行动”

    第一批国家重点研发计划公布,旷视科技开启“五年行动”

  • 长虹新款智能语音空调,告诉你空调也能玩Siri

    长虹新款智能语音空调,告诉你空调也能玩Siri

网友点评网友点评
阅读推荐阅读推荐

据外媒报道,STEER打造了首款完全自动驾驶停车技术,旨在使常规车辆转变为无人驾驶车辆。STEER的首款技术应用是4级自动驾驶及网络安全停车...

近日,美国软性机器抓手制造商 Soft Robotics 宣布,获得 2000 万美元的融资,本轮投资者包括 Scale Venture Partners,Calibrate Ventures...

据外媒报道,加州车管局发布了《2017自动驾驶脱离报告(California Autonomous Vehicle Disengagement Reports)》,其中谈及了脱离的具体...

用人机语音交互,来解决智能家居适老的问题;通过家庭门禁与安防套件、空气净化套件、可燃气体与有害气体监控套件等相互联动,在不同生活情...