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 相关文章推荐
服务器安全设置的几个注册表设置
Jul 28 Javascript
JavaScript的9个陷阱及评点分析
May 16 Javascript
jquery操作下拉列表、文本框、复选框、单选框集合(收藏)
Jan 08 Javascript
js图片模糊切换显示特效的方法
Feb 17 Javascript
javascript实现详细时间提醒信息效果的方法
Mar 11 Javascript
JavaScript中toString()方法的使用详解
Jun 05 Javascript
辨析JavaScript中的Undefined类型与null类型
May 26 Javascript
完美解决IE不支持Data.parse()的问题
Nov 24 Javascript
vue实现购物车结算功能
Jun 18 Javascript
在Vue 中实现循环渲染多个相同echarts图表
Jul 20 Javascript
vue接通后端api以及部署到服务器操作
Aug 13 Javascript
AJAX学习笔记
May 18 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
Discuz 模板语句分析及知识技巧
2009/08/21 PHP
批量修改RAR文件注释的php代码
2010/11/20 PHP
PHP $_FILES函数详解
2011/03/09 PHP
PHP APC配置文件2套和参数详解
2014/06/11 PHP
php中分页及SqlHelper类用法实例
2017/01/12 PHP
利用jquery操作select下拉列表框的代码
2010/06/04 Javascript
Jquery CheckBox全选方法代码附js checkbox全选反选代码
2010/06/09 Javascript
JQuery从头学起第三讲
2010/07/06 Javascript
jQuery如何获取同一个类标签的所有值(默认无法获取)
2014/09/25 Javascript
鼠标悬停小图标显示大图标
2016/01/22 Javascript
jQuery的deferred对象使用详解
2016/09/25 Javascript
ExtJS 4.2 Grid组件单元格合并的方法
2016/10/12 Javascript
js 原型对象和原型链理解
2017/02/09 Javascript
jQuery滚动监听实现商城楼梯式导航效果
2017/03/06 Javascript
js正则相关知识点专题
2018/05/10 Javascript
layui table 多行删除(id获取)的方法
2019/09/12 Javascript
Layui Form 自定义验证的实例代码
2019/09/14 Javascript
基于vue实现图片验证码倒计时60s功能
2019/12/10 Javascript
uni-app如何实现增量更新功能
2020/01/03 Javascript
Vue自定义表单内容检查rules实例
2020/10/30 Javascript
vue $router和$route的区别详解
2020/12/02 Vue.js
sqlalchemy对象转dict的示例
2014/04/22 Python
Python with用法实例
2015/04/14 Python
如何用Python实现简单的Markdown转换器
2018/07/16 Python
Python分布式进程中你会遇到的问题解析
2019/05/28 Python
在Django admin中编辑ManyToManyField的实现方法
2019/08/09 Python
python web框架 django wsgi原理解析
2019/08/20 Python
Python之Matplotlib文字与注释的使用方法
2020/06/18 Python
python 使用elasticsearch 实现翻页的三种方式
2020/07/31 Python
详解Python模块化编程与装饰器
2021/01/16 Python
阿迪达斯德国官方网站:adidas德国
2017/07/12 全球购物
农村党支部先进事迹
2014/01/14 职场文书
革命先烈的英雄事迹材料
2014/02/15 职场文书
市直属机关2016年主题党日活动总结
2016/04/05 职场文书
Java如何实现树的同构?
2021/06/22 Java/Android
CSS3实现指纹特效代码
2022/03/17 HTML / CSS