完整显示当前日期和时间的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 鼠标滚轮事件
Apr 09 Javascript
浅析JavaScript中的CSS属性及命名规范
Nov 28 Javascript
JavaScript Array对象扩展indexOf()方法
May 09 Javascript
javascript实现瀑布流自适应遇到的问题及解决方案
Jan 28 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
Mar 04 Javascript
简介JavaScript中的sub()方法的使用
Jun 08 Javascript
利用Angularjs实现幻灯片效果
Sep 07 Javascript
jQuery双向列表选择器DIV模拟版
Nov 01 Javascript
js防刷新的倒计时代码 js倒计时代码
Sep 06 Javascript
vue使用laydate时间插件的方法
Nov 14 Javascript
webpack 如何解析代码模块路径的实现
Sep 04 Javascript
JS闭包原理及其使用场景解析
Dec 03 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基础教程(php入门基础教程)一些code代码
2013/01/06 PHP
php上传图片存入数据库示例分享
2014/03/11 PHP
PHP实现搜索相似图片
2015/09/22 PHP
PHP检测接口Traversable用法详解
2017/12/29 PHP
php5.3/5.4/5.5/5.6/7常见新增特性汇总整理
2020/02/27 PHP
javascript 硬盘序列号+其它硬件信息
2008/12/23 Javascript
利用javascript解决图片缩放及其优化的代码
2012/05/23 Javascript
用原生JavaScript实现jQuery的$.getJSON的解决方法
2013/05/03 Javascript
Javascript级联下拉菜单以及AJAX数据验证核心代码
2013/05/10 Javascript
Bootstrap实现响应式导航栏效果
2015/12/28 Javascript
AngularJS 过滤与排序详解及实例代码
2016/09/14 Javascript
vue.js树形组件之删除双击增加分支实例代码
2017/02/28 Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
2017/05/01 jQuery
Vue实现商品详情页的评价列表功能
2019/09/04 Javascript
详解react组件通讯方式(多种)
2020/05/06 Javascript
[36:20]KG vs SECRET 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
[02:28]PWL开团时刻DAY3——Ink Ice与DeMonsTer之间的勾心斗角
2020/11/03 DOTA
python基于xmlrpc实现二进制文件传输的方法
2015/06/02 Python
浅谈python 里面的单下划线与双下划线的区别
2017/12/01 Python
对python 操作solr索引数据的实例详解
2018/12/07 Python
Python3.5面向对象与继承图文实例详解
2019/04/24 Python
Django为窗体加上防机器人的验证码功能过程解析
2019/08/14 Python
Python Pandas对缺失值的处理方法
2019/09/27 Python
Windows下python3安装tkinter的问题及解决方法
2020/01/06 Python
利用Pytorch实现简单的线性回归算法
2020/01/15 Python
Pycharm中安装Pygal并使用Pygal模拟掷骰子(推荐)
2020/04/08 Python
真正了解CSS3背景下的@font face规则
2017/05/04 HTML / CSS
社区活动邀请函范文
2014/01/29 职场文书
乐观自信演讲稿范文
2014/05/21 职场文书
计算机软件专业求职信
2014/06/10 职场文书
中华魂放飞梦想演讲稿
2014/08/26 职场文书
学生考试舞弊检讨书
2015/01/01 职场文书
行政撤诉申请书
2015/05/18 职场文书
杨善洲电影观后感
2015/06/04 职场文书
2015教师个人师德工作总结
2015/10/23 职场文书
Android移动应用开发指南之六种布局详解
2022/09/23 Java/Android