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 相关文章推荐
Prototype使用指南之selector.js说明
Oct 26 Javascript
Javascript 生成指定范围数值随机数
Jan 09 Javascript
jQuery 定时局部刷新(setInterval)
Nov 19 Javascript
关于js遍历表格的实例
Jul 10 Javascript
Javascript玩转继承(一)
May 08 Javascript
JQuery基础语法小结
Feb 27 Javascript
js+cookies实现悬浮购物车的方法
May 25 Javascript
jQuery处理图片加载失败的常用方法
Jun 08 Javascript
javascript每日必学之基础入门
Feb 16 Javascript
微信小程序Page中data数据操作和函数调用方法
May 08 Javascript
Vue Object.defineProperty及ProxyVue实现双向数据绑定
Sep 02 Javascript
Vue 修改网站图标的方法
Dec 31 Vue.js
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
PHP6 先修班 JSON实例代码
2008/08/23 PHP
PHP字符串的编码问题的详细介绍
2013/04/27 PHP
解析PHP处理换行符的问题 \r\n
2013/06/13 PHP
PHP命名空间(namespace)的动态访问及使用技巧
2014/08/18 PHP
ThinkPHP5 验证器的具体使用
2018/05/31 PHP
javascript 对象比较实现代码
2009/04/27 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
2013/02/22 Javascript
JQUERY对单选框(radio)操作的小例子
2013/04/25 Javascript
js 时间格式与时间戳的相互转换示例代码
2013/12/25 Javascript
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
2016/07/07 Javascript
js验证真实姓名与身份证号,手机号的简单实例
2016/07/18 Javascript
JS动态修改网页body的背景色实例代码
2017/10/07 Javascript
基于angular6.0实现的一个组件懒加载功能示例
2018/04/12 Javascript
vue.js实现会动的简历(包含底部导航功能,编辑功能)
2019/04/08 Javascript
Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置
2019/05/27 Javascript
基于JavaScript 实现拖放功能
2019/09/12 Javascript
Vue数字输入框组件使用方法详解
2020/02/10 Javascript
[55:02]2014 DOTA2国际邀请赛中国区预选赛 HGT VS Orenda
2014/05/21 DOTA
python3访问sina首页中文的处理方法
2014/02/24 Python
python错误:AttributeError: 'module' object has no attribute 'setdefaultencoding'问题的解决方法
2014/08/22 Python
python 数据清洗之数据合并、转换、过滤、排序
2017/02/12 Python
Python之os操作方法(详解)
2017/06/15 Python
通过Python实现自动填写调查问卷
2017/09/06 Python
人工神经网络算法知识点总结
2019/06/11 Python
PyQt5中向单元格添加控件的方法示例
2020/03/24 Python
通过Python扫描代码关键字并进行预警的实现方法
2020/05/24 Python
pytorch 计算Parameter和FLOP的操作
2021/03/04 Python
英国著名的药妆网站:Escentual
2016/07/29 全球购物
为中国消费者甄选天下优品:网易严选
2016/08/11 全球购物
资生堂英国官网:Shiseido英国
2020/12/30 全球购物
教师节活动总结
2014/08/29 职场文书
个人贷款授权委托书样本
2014/10/07 职场文书
2014年残疾人工作总结
2014/12/06 职场文书
2014年远程教育工作总结
2014/12/09 职场文书
2015年度质量工作总结报告
2015/04/27 职场文书
解决Pytorch中关于model.eval的问题
2021/05/22 Python