使用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 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(2)
Dec 23 Javascript
javascript 获取模态窗口的滚动位置代码
Aug 06 Javascript
JavaScript实现添加、查找、删除元素
Jul 02 Javascript
浅谈JavaScript 执行环境、作用域及垃圾回收
May 31 Javascript
jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)
Aug 29 Javascript
JS常用算法实现代码
Nov 14 Javascript
vue时间格式化实例代码
Jun 13 Javascript
Vue实现typeahead组件功能(非常靠谱)
Aug 26 Javascript
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
Jul 31 Javascript
精读《Vue3.0 Function API》
May 20 Javascript
JS箭头函数和常规函数之间的区别实例分析【 5 个区别】
May 27 Javascript
纯JS实现五子棋游戏
May 28 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
mysql建立外键
2006/11/25 PHP
PHP实现通过中文字符比率来判断垃圾评论的方法
2014/10/20 PHP
php实现的SESSION类
2014/12/02 PHP
php正则表达式验证(邮件地址、Url地址、电话号码、邮政编码)
2016/03/14 PHP
Adnroid 微信内置浏览器清除缓存
2016/07/11 PHP
thinkPHP引入类的方法详解
2016/12/08 PHP
PHP使用XMLWriter读写xml文件操作详解
2018/07/31 PHP
php两点地理坐标距离的计算方法
2018/12/29 PHP
jQuery移动和复制dom节点实用DOM操作案例
2012/12/17 Javascript
js获取光标位置和设置文本框光标位置示例代码
2014/01/09 Javascript
javaScript基础语法介绍
2015/02/28 Javascript
如何用JavaScript实现动态修改CSS样式表
2016/05/20 Javascript
bootstrap手风琴折叠示例代码分享
2017/05/22 Javascript
微信小程序基于slider组件动态修改标签透明度的方法示例
2017/12/04 Javascript
微信小程序显示下拉列表功能【附源码下载】
2017/12/12 Javascript
jquery分页优化操作实例分析
2019/08/23 jQuery
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
2019/09/03 jQuery
小程序websocket心跳库(websocket-heartbeat-miniprogram)
2020/02/23 Javascript
Python求导数的方法
2015/05/09 Python
Python在cmd上打印彩色文字实现过程详解
2019/08/07 Python
解决Python计算矩阵乘向量,矩阵乘实数的一些小错误
2019/08/26 Python
如何在mac下配置python虚拟环境
2020/07/06 Python
HTML5 embed标签定义和用法详解
2014/05/09 HTML / CSS
html5 拖拽及用 js 实现拖拽功能的示例代码
2020/10/23 HTML / CSS
Wiggle中国:英国骑行、跑步、游泳 & 铁三运动装备专卖网店
2016/08/02 全球购物
美国最大的家庭鞋类零售商之一:Shoe Carnival
2017/10/06 全球购物
迪士尼英国官方商店:shopDisney UK
2019/09/21 全球购物
高中生校园生活自我评价
2013/09/19 职场文书
小学生自我鉴定
2013/10/12 职场文书
酒吧创业计划书
2014/01/18 职场文书
十佳文明家庭事迹
2014/05/25 职场文书
大连导游词
2015/02/12 职场文书
2015年试用期工作总结范文
2015/05/28 职场文书
解决Nginx 配置 proxy_pass 后 返回404问题
2021/03/31 Servers
POST提交数据常见的四种方式
2022/01/18 HTML / CSS
Nebula Graph解决风控业务实践
2022/03/31 MySQL