使用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 相关文章推荐
Jquery读取URL参数小例子
Aug 30 Javascript
jquery统计复选框选中示例
Nov 05 Javascript
jquery设置表单元素为不可用的简单代码
Jul 04 Javascript
Ztree新增角色和编辑角色回显问题的解决
Oct 25 Javascript
基于JavaScript实现下拉列表左右移动代码
Feb 07 Javascript
react.js使用webpack搭配环境的入门教程
Aug 14 Javascript
vue实现键盘输入支付密码功能
Aug 18 Javascript
JavaScript实现新年倒计时效果
Nov 17 Javascript
深入浅析vue-cli@3.0 使用及配置说明
May 08 Javascript
vue-router的hooks用法详解
Jun 08 Javascript
利用webpack理解CommonJS和ES Modules的差异区别
Jun 16 Javascript
在vue中使用console.log无效的解决
Aug 09 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
php限制文件下载速度的代码
2015/10/20 PHP
PHP编程实现微信企业向用户付款的方法示例
2017/07/26 PHP
PHP实践教程之过滤、验证、转义与密码详解
2017/07/24 PHP
laravel框架 laravel-admin上传图片到oss的方法
2019/10/13 PHP
浅谈PHP array_search 和 in_array 函数效率问题
2019/10/15 PHP
jquery EasyUI的formatter格式化函数代码
2011/01/12 Javascript
三种方式获取XMLHttpRequest对象
2014/04/21 Javascript
JavaScript跨域方法汇总
2014/10/16 Javascript
javascript学习总结之js使用技巧
2015/09/02 Javascript
DropDownList实现可输入可选择(两种版本可选)
2016/12/07 Javascript
jQuery实现可拖拽3D万花筒旋转特效
2017/01/03 Javascript
TableSort.js表格排序插件使用方法详解
2017/02/10 Javascript
react-router v4如何使用history控制路由跳转详解
2018/01/09 Javascript
深入理解JavaScript和TypeScript中的class
2018/04/22 Javascript
JS使用new操作符创建对象的方法分析
2019/05/30 Javascript
ionic3双击返回退出应用的方法
2019/09/17 Javascript
vue watch监控对象的简单方法示例
2021/01/07 Vue.js
[00:15]TI9观赛名额抽取
2019/07/10 DOTA
python下setuptools的安装详解及No module named setuptools的解决方法
2017/07/06 Python
对pandas里的loc并列条件索引的实例讲解
2018/11/15 Python
PyQt 实现使窗口中的元素跟随窗口大小的变化而变化
2019/06/18 Python
PyCharm汉化安装及永久激活详细教程(靠谱)
2020/01/16 Python
python json.dumps中文乱码问题解决
2020/04/01 Python
python实现图像高斯金字塔的示例代码
2020/12/11 Python
精选鞋类、服装和配饰的全球领先目的地:Bodega
2021/02/27 全球购物
汽车维修工岗位职责
2014/02/12 职场文书
医院党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
农民工工资支付承诺书
2015/05/04 职场文书
公司酒会主持词
2015/07/02 职场文书
校园音乐节目广播稿
2015/08/19 职场文书
机械原理课程设计心得体会
2016/01/15 职场文书
聊聊Python中关于a=[[]]*3的反思
2021/06/02 Python
使用Oracle跟踪文件的问题详解
2021/06/28 Oracle
Vertica集成Apache Hudi重磅使用指南
2022/03/31 Servers
VUE使用draggable实现组件拖拽
2022/04/06 Vue.js
使用Django框架创建项目
2022/06/10 Python