javascript学习笔记(三)显示当时时间的代码


Posted in Javascript onApril 08, 2011

html代码如下:

<div id="showTime"></div>

javascript 代码如下:时间显示格式为:2011-04-04 星期二 12:09:34
function startTime() { 
try{ 
var today = new Date(); 
var year = today.getFullYear(); 
var month = checkNum(today.getMonth()+1); 
var date = checkNum(today.getDate()); 
var day = today.getDay(); 
var hour = checkNum(today.getHours()); 
var minute = checkNum(today.getMinutes()); 
var second = checkNum(today.getSeconds()); 
switch(day) { 
case 1: 
day = "一"; 
break; 
case 2: 
day = "二"; 
break; 
case 3: 
day = "三"; 
break; 
case 4: 
day = "四"; 
break; 
case 5: 
day = "五"; 
break; 
case 6: 
day = "六"; 
break; 
case 7: 
day = "日"; 
break; 
} 
var fullTime = year+"-"+month+"-"+date+" "+"星期"+day+" "+hour+":"+minute+":"+second; 
document.getElementById("showTime").innerHTML = fullTime; 
setInterval('startTime()', 1000); 
}catch(e) { 
alert(e.description); 
} 
} 
function checkNum(num) { 
if(num<10) { 
num = "0"+num; 
} 
return num; 
}
Javascript 相关文章推荐
JS实现Enter键跳转及控件获得焦点
Aug 12 Javascript
js弹出div并显示遮罩层
Feb 12 Javascript
JS组件Form表单验证神器BootstrapValidator
Jan 26 Javascript
基于BootStarp的Dailog
Apr 28 Javascript
bootstrap响应式导航条模板使用详解(含下拉菜单,弹出框)
Nov 17 Javascript
Node.js实现注册邮箱激活功能的方法示例
Mar 23 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
Sep 17 Javascript
轻量级富文本编辑器wangEditor结合vue使用方法示例
Oct 10 Javascript
highCharts提示框中显示当前时间的方法
Jan 18 Javascript
electron+vue实现div contenteditable截图功能
Jan 07 Javascript
Node.js API详解之 Error模块用法实例分析
May 14 Javascript
Express 配置HTML页面访问的实现
Nov 01 Javascript
javascript 学习笔记(一)DOM基本操作
Apr 08 #Javascript
jQuery 名称冲突的解决方法
Apr 08 #Javascript
js 事件处理函数间的Event物件是否全等
Apr 08 #Javascript
Javascript 八进制转义字符(8进制)
Apr 08 #Javascript
JavaScript中判断函数是new还是()调用的区别说明
Apr 07 #Javascript
JavaScript中清空数组的三种方法分享
Apr 07 #Javascript
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
Apr 07 #Javascript
You might like
DC《神奇女侠2》因疫情推迟上映 温子仁新恐怖片《恶性》撤档
2020/04/09 欧美动漫
用PHP实现维护文件代码
2007/06/14 PHP
HR vs CL BO3 第一场 2.13
2021/03/10 DOTA
mysql输出数据赋给js变量报unterminated string literal错误原因
2010/05/22 Javascript
用JavaScript仿PS里的羽化效果代码
2011/12/20 Javascript
JavaScript阻止事件冒泡示例分享
2014/12/28 Javascript
javascript拖拽应用实例(二)
2016/03/25 Javascript
js利用for in循环获取 一个对象的所有属性以及值的实例
2017/03/30 Javascript
详解基于webpack2.x的vue2.x的多页面站点
2017/08/21 Javascript
vue-cli中打包图片路径错误的解决方法
2017/10/26 Javascript
vue工程全局设置ajax的等待动效的方法
2019/02/22 Javascript
微信小程序与公众号卡券/会员打通的问题
2019/07/25 Javascript
JS表格的动态操作完整示例
2020/01/13 Javascript
Vue开发中遇到的跨域问题及解决方法
2020/02/11 Javascript
[40:48]DOTA2上海特级锦标赛D组败者赛 Liquid VS COL第二局
2016/02/28 DOTA
[56:14]Fnatic vs OG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
在Python的Django框架中显示对象子集的方法
2015/07/21 Python
python3制作捧腹网段子页爬虫
2017/02/12 Python
Python编程生成随机用户名及密码的方法示例
2017/05/05 Python
python 如何快速找出两个电子表中数据的差异
2017/05/26 Python
Pandas的read_csv函数参数分析详解
2019/07/02 Python
Python Django Cookie 简单用法解析
2019/08/13 Python
pip install python 快速安装模块的教程图解
2019/10/08 Python
Pandas对DataFrame单列/多列进行运算(map, apply, transform, agg)
2020/06/14 Python
python中pyplot基础图标函数整理
2020/11/10 Python
Python3+PyCharm+Django+Django REST framework配置与简单开发教程
2021/02/16 Python
英国图书音像网站:Hive.co.uk(图书、电子书、DVD、蓝光、音乐CD等)
2017/10/16 全球购物
英国知名美妆护肤在线商城:Zest Beauty
2018/04/24 全球购物
Unix如何在一行中运行多个命令
2015/05/29 面试题
奖学金自我鉴定范文
2013/10/03 职场文书
小学毕业典礼主持词
2014/03/27 职场文书
消防安全宣传口号
2014/06/10 职场文书
实习介绍信模板
2015/01/30 职场文书
初任公务员培训心得体会
2016/01/08 职场文书
个人业务学习心得体会
2016/01/25 职场文书
CSS+HTML 实现顶部导航栏功能
2021/08/30 HTML / CSS