完整显示当前日期和时间的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 相关文章推荐
js实现div弹出层的方法
Nov 20 Javascript
jQuery分组选择器用法实例
Dec 23 Javascript
详解Bootstrap四种图片样式
Jan 04 Javascript
Bootstrap入门书籍之(一)排版
Feb 17 Javascript
Jquery Easyui验证组件ValidateBox使用详解(20)
Dec 18 Javascript
jQuery+pjax简单示例汇总
Apr 21 jQuery
在Vue中如何使用Cookie操作实例
Jul 27 Javascript
详解layui弹窗父子窗口之间传参数的方法
Jan 16 Javascript
Bootstrap-table使用footerFormatter做统计列功能
Sep 07 Javascript
JSON基本语法及与JavaScript的异同实例分析
Jan 04 Javascript
Javascript 关于基本类型和引用类型的个人理解
Nov 01 Javascript
Vue循环中多个input绑定指定v-model实例
Aug 31 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/01/04 PHP
PHP编码转换函数 自动转换字符集支持数组转换
2012/12/16 PHP
php curl模拟post提交数据示例
2013/12/31 PHP
php绘图之在图片上写中文和英文的方法
2015/01/24 PHP
[原创]php正则删除html代码中class样式属性的方法
2017/05/24 PHP
tp5(thinkPHP5)框架实现多数据库查询的方法
2019/01/10 PHP
select标记美化--JS式插件、后期加载
2013/04/01 Javascript
JavaScript中检测变量是否存在遇到的一些问题
2013/11/11 Javascript
js实现点击左右按钮轮播图片效果实例
2015/01/29 Javascript
javascript实现当前页导航激活的方法
2015/02/27 Javascript
jquery插件之文字间歇自动向上滚动效果代码
2016/02/25 Javascript
详谈for循环里面的break和continue语句
2017/07/20 Javascript
JS中的BOM应用
2018/02/02 Javascript
深入解析koa之中间件流程控制
2019/06/17 Javascript
详解基于 Node.js 的轻量级云函数功能实现
2019/07/08 Javascript
原生JS实现贪吃蛇小游戏
2020/03/09 Javascript
使用PYTHON接收多播数据的代码
2012/03/01 Python
浅析Python中的join()方法的使用
2015/05/19 Python
利用python代码写的12306订票代码
2015/12/20 Python
详解Python的Lambda函数与排序
2016/10/25 Python
scrapy spider的几种爬取方式实例代码
2018/01/25 Python
Python实现二维数组输出为图片
2018/04/03 Python
Python实现网站表单提交和模板
2019/01/15 Python
Python PyCharm如何进行断点调试
2019/07/05 Python
Python交互式图形编程的实现
2019/07/25 Python
python实现各种插值法(数值分析)
2019/07/30 Python
Python的logging模块基本用法
2020/12/24 Python
医学实习生自我鉴定
2013/12/12 职场文书
三年级音乐教学反思
2014/01/28 职场文书
阳光体育活动实施方案
2014/05/25 职场文书
乡镇党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
2015年秋季新学期寄语
2015/03/25 职场文书
2015年高校辅导员工作总结
2015/04/20 职场文书
大学体育课感想
2015/08/10 职场文书
SQL SERVER实现连接与合并查询
2022/02/24 SQL Server
解决MySQL Varchar 类型尾部空格的问题
2022/04/06 MySQL