完整显示当前日期和时间的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 相关文章推荐
jQuery版仿Path菜单效果
Dec 15 Javascript
javascript错误的认识不用关心内存管理
Dec 15 Javascript
js判断设备是否为PC并调整图片大小
Feb 12 Javascript
javascript自定义函数参数传递为字符串格式
Jul 29 Javascript
在AngularJS框架中处理数据建模的方式解析
Mar 05 Javascript
浅析BootStrap Treeview的简单使用
Oct 12 Javascript
js实现彩色条纹滚动条效果
Mar 15 Javascript
vue+iview 实现可编辑表格的示例代码
Oct 31 Javascript
如何解决js函数防抖、节流出现的问题
Jun 17 Javascript
微信小程序下拉框搜索功能的实现方法
Jul 31 Javascript
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
Nov 14 Javascript
使用node-media-server搭建一个简易的流媒体服务器
Jan 20 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
BBS(php &amp; mysql)完整版(六)
2006/10/09 PHP
PHP运行SVN命令显示某用户的文件更新记录的代码
2014/01/03 PHP
php多文件上传实现代码
2014/02/20 PHP
php无序树实现方法
2015/07/28 PHP
PHP 7的一些引人注目的新特性简单介绍
2015/11/08 PHP
php字符集转换
2017/01/23 PHP
php中对象引用和复制实例分析
2019/08/14 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
childNodes.length与children.length的区别
2009/05/14 Javascript
面向对象的编程思想在javascript中的运用上部
2009/11/20 Javascript
javascript下判断一个对象是否具有指定名称的属性的的代码
2010/01/11 Javascript
同一页面多个商品倒计时JS 基于面向对象的javascript
2012/02/16 Javascript
原生js做的手风琴效果的导航菜单
2013/11/08 Javascript
jquery实现的鼠标下拉滚动置顶效果
2014/07/24 Javascript
jQuery 遍历函数详解
2015/07/05 Javascript
常用javascript表单验证汇总
2020/07/20 Javascript
JavaScript转换与解析JSON方法实例详解
2015/11/24 Javascript
JS操作JSON方法总结(推荐)
2016/06/14 Javascript
原生态js,鼠标按下后,经过了那些单元格的简单实例
2016/08/11 Javascript
select隐藏选中值对应的id,显示其它id的简单实现方法
2016/08/25 Javascript
深入理解Javascript箭头函数中的this
2017/02/13 Javascript
JavaScript之iterable_动力节点Java学院整理
2017/06/29 Javascript
es6系列教程_ Map详解以及常用api介绍
2017/09/25 Javascript
详解在React项目中安装并使用Less(用法总结)
2019/03/18 Javascript
vue element和nuxt的使用技巧分享
2021/01/14 Vue.js
[02:51]DOTA2战队出征照拍摄花絮 TI3明星化身时尚男模
2013/07/22 DOTA
Python中__init__和__new__的区别详解
2014/07/09 Python
Python中的字符串查找操作方法总结
2016/06/27 Python
python爬虫框架scrapy实现模拟登录操作示例
2018/08/02 Python
PyCharm下载和安装详细步骤
2019/12/17 Python
基于Pytorch SSD模型分析
2020/02/18 Python
python中openpyxl和xlsxwriter对Excel的操作方法
2021/03/01 Python
Topman美国官网:英国著名的国际平价时尚男装品牌
2017/12/22 全球购物
质量保证书怎么写
2015/02/27 职场文书
学校扫黄打非工作总结
2015/10/15 职场文书
Python数据类型最全知识总结
2021/05/31 Python