完整显示当前日期和时间的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 相关文章推荐
脚本收藏iframe
Jul 21 Javascript
prototype 1.5相关知识及他人笔记
Dec 16 Javascript
js浮动图片的动态效果
Jul 10 Javascript
深入理解JavaScript系列(26):设计模式之构造函数模式详解
Mar 03 Javascript
jquery插件格式实例分析
Jun 16 Javascript
JavaScript和jQuery获取input框的绝对位置实现方法
Oct 13 Javascript
学习vue.js中class与style绑定
Dec 03 Javascript
jquery实现用户登陆界面(示例讲解)
Sep 06 jQuery
js注册时输入合法性验证方法
Oct 21 Javascript
解决layer弹层遮罩挡住窗体的问题
Aug 17 Javascript
Element-ui中元素滚动时el-option超出元素区域的问题
May 30 Javascript
vue结合el-upload实现腾讯云视频上传功能
Jul 01 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中查询SQL Server或Sybase时TEXT字段被截断的解决方法
2009/03/10 PHP
php多个字符串替换成同一个的解决方法
2013/06/18 PHP
php实现zip压缩文件解压缩代码分享(简单易懂)
2014/05/10 PHP
PHP实现适用于自定义的验证码类
2016/06/15 PHP
javascript 播放器 控制
2007/01/22 Javascript
网页中实现浏览器的最大,最小化和关闭按钮
2007/03/12 Javascript
Wordpress ThickBox 点击图片显示下一张图的修改方法
2010/12/11 Javascript
HTML5附件拖拽上传drop &amp; google.gears实现代码
2011/04/28 Javascript
jQuery控制iFrame(实例代码)
2013/11/19 Javascript
jQuery+css实现炫目的动态块漂移效果
2016/01/28 Javascript
javascript中json对象json数组json字符串互转及取值方法
2017/04/19 Javascript
JS数组操作中的经典算法实例讲解
2017/07/26 Javascript
Nodejs+angularjs结合multiparty实现多图片上传的示例代码
2017/09/29 NodeJs
详解Vue 全局引入bass.scss 处理方案
2018/03/26 Javascript
Javascript数组方法reduce的妙用之处分享
2019/06/10 Javascript
原生js代码能实现call和bind吗
2019/07/31 Javascript
layui框架与SSM前后台交互的方法
2019/09/12 Javascript
微信小程序使用蓝牙小插件
2019/09/23 Javascript
[02:07]DOTA2新英雄展现中国元素,完美“圣典”亮相央视
2016/12/19 DOTA
Python 检查数组元素是否存在类似PHP isset()方法
2014/10/14 Python
python实现随机漫步算法
2018/08/27 Python
python 并发编程 阻塞IO模型原理解析
2019/08/20 Python
python读取Kafka实例
2019/12/23 Python
pytorch 多分类问题,计算百分比操作
2020/07/09 Python
python获取系统内存占用信息的实例方法
2020/07/17 Python
利用HTML5实现使用按钮控制背景音乐开关
2015/09/21 HTML / CSS
手对手的教你用canvas画一个简单的海报的方法示例
2018/12/10 HTML / CSS
法国女性内衣购物网站:Glamuse
2019/05/13 全球购物
正宗的日本零食和糖果订阅盒:Bokksu
2019/11/21 全球购物
东方通信股份有限公司VC面试题
2014/08/27 面试题
EJB的基本架构
2016/09/22 面试题
土地转让协议书范本
2014/04/15 职场文书
《庐山的云雾》教学反思
2014/04/22 职场文书
2014年大班保育员工作总结
2014/12/02 职场文书
邮政营业员岗位职责
2015/04/14 职场文书
法定授权委托证明书
2015/06/18 职场文书