完整显示当前日期和时间的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 表单验证扩展代码(二)
Oct 20 Javascript
100个不能错过的实用JS自定义函数
Mar 05 Javascript
封装好的js判断操作系统与浏览器代码分享
Jan 09 Javascript
jQuery实现点击小图显示大图代码分享
Aug 25 Javascript
JavaScript组件开发完整示例
Dec 15 Javascript
js阻止浏览器默认行为触发的通用方法(推荐)
May 15 Javascript
打造自己的jQuery插件入门教程
Sep 23 Javascript
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
Jul 31 Javascript
了解javascript中的Dom操作
May 27 Javascript
JavaScript的查询机制LHS和RHS解析
Aug 16 Javascript
JS实现json数组排序操作实例分析
Oct 28 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的call_user_func传reference引发的思考
2010/07/23 PHP
php empty() 检查一个变量是否为空
2011/11/10 PHP
谈谈关于php的优点与缺点
2013/04/11 PHP
php数组转成json格式的方法
2015/03/09 PHP
javascript 可以拖动的DIV(二)
2009/06/26 Javascript
jQuery ctrl+Enter shift+Enter实现代码
2010/02/07 Javascript
自写的一个jQuery圆角插件
2010/10/26 Javascript
node.js中的http.response.end方法使用说明
2014/12/14 Javascript
jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
2015/12/31 Javascript
微信小程序 实战程序简易新闻的制作
2017/01/09 Javascript
react开发中如何使用require.ensure加载es6风格的组件
2017/05/09 Javascript
AngularJS 中ui-view传参的实例详解
2017/08/25 Javascript
layui实现table加载的示例代码
2018/08/14 Javascript
vue 中 beforeRouteEnter 死循环的问题
2019/04/23 Javascript
vue发送websocket请求和http post请求的实例代码
2019/07/11 Javascript
微信小程序动画组件使用解析,类似vue,且更强大
2019/08/01 Javascript
使用VScode 插件debugger for chrome 调试react源码的方法
2019/09/13 Javascript
python获取指定目录下所有文件名列表的方法
2015/05/20 Python
Python语言的面相对象编程方式初步学习
2016/03/12 Python
Python字典实现简单的三级菜单(实例讲解)
2017/07/31 Python
深入理解Django的中间件middleware
2018/03/14 Python
Python实现的端口扫描功能示例
2018/04/08 Python
详解用python计算阶乘的几种方法
2019/08/14 Python
PYTHON绘制雷达图代码实例
2019/10/15 Python
Django的CVB实例详解
2020/02/10 Python
python3+opencv生成不规则黑白mask实例
2020/02/19 Python
使用pygame编写Flappy bird小游戏
2020/03/14 Python
全方位了解CSS3的Regions扩展
2015/08/07 HTML / CSS
HTML5 b和i标记将被赋予真正的语义
2009/07/16 HTML / CSS
工程总经理工作职责
2013/12/09 职场文书
高二化学教学反思
2014/01/30 职场文书
酒店端午节促销方案
2014/02/18 职场文书
家长学校工作方案
2014/05/07 职场文书
2014年重阳节敬老活动方案
2014/09/16 职场文书
战略性融资合作协议书范本
2014/10/17 职场文书
2016年公司“3.12”植树节活动总结
2016/03/16 职场文书