完整显示当前日期和时间的JS代码


Posted in Javascript onSeptember 17, 2007

代码演示效果为“2007年2月25日星期日正午12:42:48”。

使用方法:将下面的JS代码放到你想要显示的页面中(支持HTML页面),然后在你想要显示时间的位置插入下面的代码即可

<div id="Clock" align="center" style="font-size: 12px; color:#000000"></div>

JS代码如下:

<script>
function tick() {
var hours, minutes, seconds, xfile;
var intHours, intMinutes, intSeconds;
var today, theday;
today = new Date();
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i] }
var d=new initArray(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六");
theday = today.getYear()+"年" + [today.getMonth()+1]+"月" +today.getDate() + d[today.getDay()+1];
intHours = today.getHours();
intMinutes = today.getMinutes();
intSeconds = today.getSeconds();
if (intHours == 0) {
hours = "12:";
xfile = "午夜";
} else if (intHours < 12) {
hours = intHours+":";
xfile = "上午";
} else if (intHours == 12) {
hours = "12:";
xfile = "正午";
} else {
intHours = intHours - 12
hours = intHours + ":";
xfile = "下午";
}
if (intMinutes < 10) {
minutes = "0"+intMinutes+":";
} else {
minutes = intMinutes+":";
}
if (intSeconds < 10) {
seconds = "0"+intSeconds+" ";
} else {
seconds = intSeconds+" ";
}
timeString = theday+xfile+hours+minutes+seconds;
Clock.innerHTML = timeString;
window.setTimeout("tick();", 100);
}
window.onload = tick;
</script>

比较实用的代码,值得珍藏^_^

Javascript 相关文章推荐
javascript中的几个运算符
Jun 29 Javascript
Javascript 获取滚动条位置等信息的函数
Sep 08 Javascript
jquery 分页控件实现代码
Nov 30 Javascript
解读JavaScript代码 var ie = !-[1,] 最短的IE判定代码
May 28 Javascript
jQuery 滑动方法slideDown向下滑动元素
Jan 16 Javascript
js 获取元素下面所有li的两种方法
Apr 14 Javascript
Javascript基于对象三大特性(封装性、继承性、多态性)
Jan 04 Javascript
jQuery 限制输入字符串长度
Jun 20 Javascript
jQuery简易时光轴实现方法示例
Mar 13 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
Nov 17 Javascript
Ant Design的Table组件去除
Oct 24 Javascript
vue 实现element-ui中的加载中状态
Nov 11 Javascript
符合标准的js表单提交的代码
Sep 13 #Javascript
js类后台管理菜单类-MenuSwitch
Sep 12 #Javascript
一实用的实现table排序的Javascript类库
Sep 12 #Javascript
JS类定义原型方法的两种实现的区别评论很多
Sep 12 #Javascript
js类中获取外部函数名的方法与代码
Sep 12 #Javascript
javascript下过滤数组重复值的代码
Sep 10 #Javascript
“不能执行已释放的Script代码”错误的原因及解决办法
Sep 09 #Javascript
You might like
第七节 类的静态成员 [7]
2006/10/09 PHP
解析MySql与Java的时间类型
2013/06/22 PHP
php微信公众开发之获取周边酒店信息的方法
2014/12/22 PHP
php中判断数组相等的方法以及数组运算符介绍
2015/03/30 PHP
php命令行(cli)模式下报require 加载路径错误的解决方法
2015/11/23 PHP
Gambit vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
JS模拟面向对象全解(二、类型与赋值)
2011/07/13 Javascript
javascript学习笔记(十四) window对象使用介绍
2012/06/20 Javascript
JS实现多物体缓冲运动实例代码
2013/11/29 Javascript
JavaScript的设计模式经典之建造者模式
2016/02/24 Javascript
javascript拖拽效果延伸学习
2016/04/04 Javascript
浅谈javascript的url参数parse和build函数
2017/03/04 Javascript
Vue cli+mui 区域滚动的实例代码
2018/01/25 Javascript
create-react-app 修改为多入口编译的方法
2018/08/01 Javascript
vue watch普通监听和深度监听实例详解(数组和对象)
2018/08/16 Javascript
js设置默认时间跨度过程详解
2019/07/17 Javascript
vue+springboot图片上传和显示的示例代码
2020/02/14 Javascript
html+vue.js 实现漂亮分页功能可兼容IE
2020/11/07 Javascript
vue.js+element 默认提示中英文操作
2020/11/11 Javascript
[00:58]PWL开团时刻DAY5——十人开雾0换5
2020/11/04 DOTA
python实现巡检系统(solaris)示例
2014/04/02 Python
对于Python装饰器使用的一些建议
2015/06/03 Python
对于Python中RawString的理解介绍
2016/07/07 Python
Python 实现简单的shell sed替换功能(实例讲解)
2017/09/29 Python
利用django-suit模板添加自定义的菜单、页面及设置访问权限
2018/07/13 Python
浅析python中numpy包中的argsort函数的使用
2018/08/30 Python
python实现批量注册网站用户的示例
2019/02/22 Python
Python3实现计算两个数组的交集算法示例
2019/04/03 Python
Django接收自定义http header过程详解
2019/08/23 Python
css3的@media属性实现页面响应式布局示例代码
2014/02/10 HTML / CSS
html5在移动端的屏幕适应问题示例探讨
2014/06/15 HTML / CSS
澳大利亚珠宝商:Shiels
2019/10/06 全球购物
电子商务个人自荐信
2013/12/12 职场文书
JAVA程序员自荐书
2014/01/30 职场文书
《称象》教学反思
2014/04/25 职场文书
使用CSS实现小三角边框原理解析
2021/11/07 HTML / CSS