完整显示当前日期和时间的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事件模型代码
Jul 01 Javascript
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
Jun 19 Javascript
Js base64 加密解密介绍
Oct 11 Javascript
javascript break指定标签打破多层循环示例
Jan 20 Javascript
深入理解JavaScript系列(29):设计模式之装饰者模式详解
Mar 03 Javascript
JavaScript中的replace()方法使用详解
Jun 06 Javascript
微信小程序 MD5的方法详解及实例代码
Mar 10 Javascript
js用类封装pop弹窗组件
Oct 08 Javascript
关于react-router/react-router-dom v4 history不能访问问题的解决
Jan 08 Javascript
详解vue-cli中模拟数据的两种方法
Jul 03 Javascript
vue单页面在微信下只能分享落地页的解决方案
Apr 15 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
Oct 09 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中与数组相关的函数
2007/03/22 PHP
php设计模式 Singleton(单例模式)
2011/06/26 PHP
提高PHP编程效率的方法
2013/11/07 PHP
ThinkPHP自定义函数解决模板标签加减运算的方法
2015/07/03 PHP
PHP CURL采集百度搜寻结果图片不显示问题的解决方法
2017/02/03 PHP
laravel框架与其他框架的详细对比
2019/10/23 PHP
js form 验证函数 当前比较流行的错误提示
2009/06/23 Javascript
javascript 处理HTML元素必须避免使用的一种方法
2009/07/30 Javascript
让你的博客飘雪花超出屏幕依然看得见
2013/01/04 Javascript
javascript去掉前后空格的实例
2013/11/07 Javascript
完美解决IE低版本不支持call与apply的问题
2013/12/05 Javascript
JQuery判断radio(单选框)是否选中和获取选中值方法总结
2015/04/15 Javascript
javascript实现的字符串与十六进制表示字符串相互转换方法
2015/07/17 Javascript
JavaScript中通过提示框跳转页面的方法
2016/02/14 Javascript
详解如何在angular2中获取节点
2017/11/23 Javascript
微信小程序有旋转动画效果的音乐组件实例代码
2018/08/22 Javascript
详解swiper在vue中的应用(以3.0为例)
2018/09/20 Javascript
使用flow来规范javascript的变量类型
2019/09/12 Javascript
highcharts.js数据绑定方式代码实例
2019/11/13 Javascript
Vue 数据响应式相关总结
2021/01/28 Vue.js
Vue包大小优化的实现(从1.72M到94K)
2021/02/18 Vue.js
SublimeText 2编译python出错的解决方法(The system cannot find the file specified)
2013/11/27 Python
Python的爬虫框架scrapy用21行代码写一个爬虫
2017/04/24 Python
python自动化生成IOS的图标
2018/11/13 Python
Python中请不要再用re.compile了
2019/06/30 Python
Python分割训练集和测试集的方法示例
2019/09/19 Python
马来西亚最大的在线隐形眼镜商店:MrLens
2019/03/27 全球购物
2014植树节活动总结
2014/03/11 职场文书
廉洁家庭事迹材料
2014/05/15 职场文书
新农村建设标语
2014/06/24 职场文书
工作失职检讨书500字
2014/10/17 职场文书
应聘教师求职信范文
2015/03/20 职场文书
2015年副班长工作总结
2015/05/15 职场文书
2019年大学生学年自我鉴定!
2019/03/25 职场文书
Python-OpenCV实现图像缺陷检测的实例
2021/06/11 Python
python解析照片拍摄时间进行图片整理
2022/07/23 Python