完整显示当前日期和时间的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 (八) 插播:jQuery实施方案
Feb 23 Javascript
jquery让返回的内容显示在特定div里(代码少而精悍)
Jun 23 Javascript
再谈javascript原型继承
Nov 10 Javascript
jQuery实现拖动调整表格单元格大小的代码实例
Jan 13 Javascript
基于javascript实现泡泡大冒险网页版小游戏
Mar 23 Javascript
微信小程序保存多张图片的实现方法
Mar 05 Javascript
如何基于vue-cli3.0构建功能完善的移动端架子
Apr 24 Javascript
pm2启动ssr失败的解决方法
Jun 29 Javascript
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
Aug 27 Javascript
使用layui 的layedit定义自己的toolbar方法
Sep 18 Javascript
浅谈webpack构建工具配置和常用插件总结
May 11 Javascript
浅谈Vue static 静态资源路径 和 style问题
Nov 07 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安全配置详细说明
2011/09/26 PHP
PHP使用mysql与mysqli连接Mysql数据库用法示例
2016/07/07 PHP
laravel5实现微信第三方登录功能
2018/12/06 PHP
javascript 拷贝节点cloneNode()使用介绍
2014/04/03 Javascript
删除Javascript Object中间的key
2014/11/18 Javascript
JavaScript判断FileUpload控件上传文件类型
2015/09/28 Javascript
Bootstrap每天必学之表格
2015/11/23 Javascript
JS常用知识点整理
2017/01/21 Javascript
详解AngularJS 路由 resolve用法
2017/04/24 Javascript
JS设计模式之惰性模式(二)
2017/09/29 Javascript
微信小程序实践之动态控制组件的显示/隐藏功能
2018/07/18 Javascript
微信小程序 Animation实现图片旋转动画示例
2018/08/22 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
2018/08/31 Javascript
element el-input directive数字进行控制
2018/10/11 Javascript
react-router 路由切换动画的实现示例
2018/12/03 Javascript
Python多线程、异步+多进程爬虫实现代码
2016/02/17 Python
Python随机生成手机号、数字的方法详解
2017/07/21 Python
Python 3.x读写csv文件中数字的方法示例
2017/08/29 Python
Python入门之三角函数全解【收藏】
2017/11/08 Python
python 判断字符串中是否含有汉字或非汉字的实例
2019/07/15 Python
python3 图片 4通道转成3通道 1通道转成3通道 图片压缩实例
2019/12/03 Python
基于python traceback实现异常的获取与处理
2019/12/13 Python
pycharm中import呈现灰色原因的解决方法
2020/03/04 Python
python实现QQ邮箱发送邮件
2020/03/06 Python
django实现后台显示媒体文件
2020/04/07 Python
Python基于模块Paramiko实现SSHv2协议
2020/04/28 Python
Python中实现输入一个整数的案例
2020/05/03 Python
python代码实现将列表中重复元素之间的内容全部滤除
2020/05/22 Python
HTML5+CSS3:3D展示商品信息示例
2017/01/03 HTML / CSS
2014向国旗敬礼网上签名活动总结
2014/09/27 职场文书
新郎答谢词
2015/01/04 职场文书
八年级上册语文教学计划
2015/01/22 职场文书
劳资员岗位职责
2015/02/13 职场文书
小学三年级作文之写景
2019/11/05 职场文书
2021年pycharm的最新安装教程及基本使用图文详解
2021/04/03 Python
Meta增速拉垮,元宇宙难当重任
2022/04/29 数码科技