完整显示当前日期和时间的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 相关文章推荐
cssQuery()的下载与使用方法
Jan 12 Javascript
javascript 循环读取JSON数据的代码
Jul 17 Javascript
Js数组的操作push,pop,shift,unshift等方法详细介绍
Dec 28 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
Oct 16 Javascript
jquery中change()用法实例分析
Feb 06 Javascript
js实现横向百叶窗效果网页切换动画效果的方法
Mar 02 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Oct 05 Javascript
vue router-link传参以及参数的使用实例
Nov 10 Javascript
Thinkjs3新手入门之如何使用静态资源目录
Dec 06 Javascript
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
Aug 24 Javascript
新手快速上手webpack4打包工具的使用详解
Jan 28 Javascript
vue-router源码之history类的浅析
May 21 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
PHP去掉从word直接粘贴过来的没有用格式的函数
2012/10/29 PHP
php弹出对话框实现重定向代码
2014/01/23 PHP
PHP获取mysql数据表的字段名称和详细信息的方法
2014/09/27 PHP
PHP实现按之字形顺序打印二叉树的方法
2018/01/16 PHP
JS常见问题整理(持续更新)
2013/08/06 Javascript
DIV始终居中的js代码
2014/02/17 Javascript
JS获得浏览器版本和操作系统版本的例子
2014/05/13 Javascript
jquery获取当前元素索引值用法实例
2015/06/10 Javascript
BootStrap入门教程(二)之固定的内置样式
2016/09/19 Javascript
js实现碰撞检测特效代码分享
2016/10/16 Javascript
jQuery 常见小例汇总
2016/12/14 Javascript
js 轮播效果实例分享
2016/12/28 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
2017/03/02 Javascript
如何抽象一个Vue公共组件
2017/10/17 Javascript
JS生成随机打乱数组的方法示例
2017/12/23 Javascript
微信小程序使用Promise简化回调
2018/02/06 Javascript
浅谈laytpl 模板空值显示null的解决方法及简单的js表达式
2019/09/19 Javascript
vue用BMap百度地图实现即时搜索功能
2019/09/26 Javascript
微信小程序实现锚点功能
2019/11/20 Javascript
jQuery插件simplePagination的使用方法示例
2020/04/28 jQuery
Python中输出ASCII大文字、艺术字、字符字小技巧
2015/04/28 Python
Ubuntu18.04中Python2.7与Python3.6环境切换
2019/06/14 Python
关于python3中setup.py小概念解析
2019/08/22 Python
Python使用matplotlib绘制Logistic曲线操作示例
2019/11/28 Python
python 生成任意形状的凸包图代码
2020/04/16 Python
属性与 @property 方法让你的python更高效
2020/09/21 Python
python hmac模块验证客户端的合法性
2020/11/07 Python
AmazeUI 单选框和多选框的实现示例
2020/08/18 HTML / CSS
美国领先的家庭智能音响系统品牌:Sonos
2018/07/20 全球购物
nohup的用法
2012/11/26 面试题
十佳家长事迹材料
2014/08/26 职场文书
学校领导班子四风问题整改意见
2014/10/02 职场文书
新婚姻法离婚协议书范文
2014/11/30 职场文书
房产公证书样本
2015/01/23 职场文书
大一学生个人总结
2015/02/15 职场文书
学生不参加考试检讨书
2015/02/19 职场文书