使用js显示当前时间示例


Posted in Javascript onMarch 02, 2014

页面前台显示

<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;
};
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);
};
}
Javascript 相关文章推荐
获取下拉列表框的值是数组,split,$.inArray示例
Nov 13 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 Javascript
JS实现图片无间断滚动代码汇总
Jul 30 Javascript
JQuery中attr方法和removeAttr方法用法实例
May 18 Javascript
javascript实现网页背景烟花效果的方法
Aug 06 Javascript
探索angularjs+requirejs全面实现按需加载的套路
Feb 26 Javascript
js+css实现select的美化效果
Mar 24 Javascript
JS Attribute属性操作详解
May 19 Javascript
Angularjs手动解析表达式($parse)
Oct 12 Javascript
React中使用外部样式的3种方式(小结)
May 28 Javascript
create-react-app中添加less支持的实现
Nov 15 Javascript
如何用vue-cli3脚手架搭建一个基于ts的基础脚手架的方法
Dec 12 Javascript
jquery实现背景墙聚光灯效果示例分享
Mar 02 #Javascript
jquery制作弹窗提示窗口代码分享
Mar 02 #Javascript
jquery中ajax函数执行顺序问题之如何设置同步
Feb 28 #Javascript
JavaScript获取当前页面上的指定对象示例代码
Feb 28 #Javascript
jquery获取当前点击对象的value方法
Feb 28 #Javascript
经过绑定元素时会多次触发mouseover和mouseout事件
Feb 28 #Javascript
判断某个字符在一个字符串中是否存在的js代码
Feb 28 #Javascript
You might like
《星际争霸重制版》兵种对比图鉴
2020/03/02 星际争霸
实现php加速的eAccelerator dll支持文件打包下载
2007/09/30 PHP
PHP中捕获超时事件的方法实例
2015/02/12 PHP
PHP中empty和isset对于参数结构的判断及empty()和isset()的区别
2015/11/15 PHP
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
2010/05/22 Javascript
js 字符串转化成数字的代码
2011/06/29 Javascript
原生js实现fadein 和 fadeout淡入淡出效果
2014/06/05 Javascript
浅谈js中的in-for循环
2016/06/28 Javascript
利用jquery获取select下拉框的值
2016/11/23 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
2016/12/14 Javascript
微信小程序 图片宽高自适应详解
2017/05/11 Javascript
微信小程序自定义可滑动日历界面
2018/12/28 Javascript
详解微信小程序开发之formId使用(模板消息)
2019/08/27 Javascript
深入理解javascript prototype的相关知识
2019/09/19 Javascript
vue props对象validator自定义函数实例
2019/11/13 Javascript
利用python画一颗心的方法示例
2017/01/31 Python
解决Mac下首次安装pycharm无project interpreter的问题
2018/10/29 Python
Python实现判断一个整数是否为回文数算法示例
2019/03/02 Python
python pandas时序处理相关功能详解
2019/07/03 Python
英国羊绒服装购物网站:Pure Collection
2018/10/22 全球购物
StubHub澳大利亚:购买或出售您的门票
2019/08/01 全球购物
Silk Therapeutics官网:清洁、抗衰老护肤品
2020/08/12 全球购物
介绍一下javax.servlet.Servlet接口及其主要方法
2015/11/30 面试题
口腔医学技术应届生求职信
2013/11/09 职场文书
葬礼司仪主持词
2014/03/31 职场文书
应聘会计求职信
2014/06/11 职场文书
2014第二批党的群众路线教育实践活动对照检查材料思想汇报
2014/09/18 职场文书
群众路线党员自我评议范文2014
2014/09/24 职场文书
终止劳动合同协议书
2014/10/05 职场文书
大学生党员自我批评思想汇报
2014/10/10 职场文书
监考失职检讨书
2015/01/26 职场文书
任命书标准格式
2015/03/02 职场文书
行政答辩状范文
2015/05/21 职场文书
MongoDB数据库常用的10条操作命令
2021/06/18 MongoDB
高并发下Redis如何保持数据一致性(避免读后写)
2022/03/18 Redis
JavaScript中reduce()的用法
2022/05/11 Javascript