完整显示当前日期和时间的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 相关文章推荐
Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
Jun 27 Javascript
浅析JQuery获取和设置Select选项的常用方法总结
Jul 04 Javascript
js 采用delete实现继承示例代码
May 20 Javascript
javascript实现表格增删改操作实例详解
May 15 Javascript
javascript实现图片延迟加载方法汇总(三种方法)
Aug 27 Javascript
JS采用绝对定位实现回到顶部效果完整实例
Jun 20 Javascript
javascript稀疏数组(sparse array)和密集数组用法分析
Dec 28 Javascript
node.js连接MongoDB数据库的2种方法教程
May 17 Javascript
详解Angular 开发环境搭建
Jun 22 Javascript
jquery实现企业定位式导航效果
Jan 01 jQuery
Angular4学习之Angular CLI的安装与使用教程
Jan 04 Javascript
Angular封装表单控件及思想总结
Dec 11 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如何通过AJAX方式实现登录功能
2015/11/23 PHP
用js统计用户下载网页所需时间的脚本
2008/10/15 Javascript
ExtJS 学习专题(一) 如何应用ExtJS(附实例)
2010/03/11 Javascript
jquery 插件学习(四)
2012/08/06 Javascript
js动态添加删除,后台取数据(示例代码)
2013/11/25 Javascript
JavaScript作用域与作用域链深入解析
2013/12/06 Javascript
Node.js实现简单聊天服务器
2014/06/20 Javascript
原生javascript实现获取指定元素下所有后代元素的方法
2014/10/28 Javascript
5个书写JavaScript代码的坏习惯,看看你中枪了没?
2014/11/06 Javascript
jQuery实现行文字链接提示效果的方法
2015/03/10 Javascript
js实现简单计算器
2015/11/22 Javascript
在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)
2016/01/20 Javascript
第二次聊一聊JS require.js模块化工具的基础知识
2016/04/17 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
2016/05/28 Javascript
jquery+ajax实现直接提交表单实例分析
2016/06/17 Javascript
JavaScript数据结构中串的表示与应用实例
2017/04/12 Javascript
简单的JS控制button颜色随点击更改的实现方法
2017/04/17 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
2017/08/12 Javascript
初探JavaScript 面向对象(推荐)
2017/09/03 Javascript
微信小程序实现星级评分和展示
2018/07/05 Javascript
mac上配置Android环境变量的方法
2018/07/08 Javascript
自定义javascript验证框架示例【附源码下载】
2019/05/31 Javascript
为什么JavaScript中0.1 + 0.2 != 0.3
2020/12/03 Javascript
[02:16]DOTA2超级联赛专访Burning 逆袭需要抓住机会
2013/06/24 DOTA
[01:18]PWL开团时刻DAY4——圣剑与抢盾
2020/11/03 DOTA
聊聊python里如何用Borg pattern实现的单例模式
2019/06/06 Python
在服务器上安装python3.8.2环境的教程详解
2020/04/26 Python
Python约瑟夫生者死者小游戏实例讲解
2021/01/04 Python
python反编译教程之2048小游戏实例
2021/03/03 Python
奥地利顶级内衣丝袜品牌英国站:Wolford英国
2016/08/29 全球购物
会计工作总结范文2014
2014/12/23 职场文书
社团招新宣传语
2015/07/13 职场文书
团队拓展训练感想
2015/08/07 职场文书
妇产科护理心得体会
2016/01/22 职场文书
2016优秀护士先进个人事迹材料
2016/02/25 职场文书
phpQuery解析HTML乱码问题(补充官网未列出的乱码解决方案)
2021/04/01 PHP