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 相关文章推荐
jQuery 页面载入进度条实现代码
Feb 08 Javascript
Mozilla 表达式 __noSuchMethod__
Apr 05 Javascript
在IE上直接编辑网页内容的js代码(IE地址栏js)
Apr 27 Javascript
基于jQuery的倒计时实现代码
May 30 Javascript
jQuery实现ichat在线客服插件
Dec 29 Javascript
xmlplus组件设计系列之下拉刷新(PullRefresh)(6)
May 03 Javascript
Bootstrap多级菜单的实现代码
May 23 Javascript
AjaxUpLoad.js实现文件上传功能
Mar 02 Javascript
详解如何用VUE写一个多用模态框组件模版
Sep 27 Javascript
vue-router二级导航切换路由及高亮显示的实现方法
Jul 10 Javascript
Angular利用HTTP POST下载流文件的步骤记录
Jul 26 Javascript
antd-DatePicker组件获取时间值,及相关设置方式
Oct 27 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
PHP设置图片文件上传大小的具体实现方法
2013/10/11 PHP
php操作mysql数据库的基本类代码
2014/02/25 PHP
laravel 配置路由 api和web定义的路由的区别详解
2019/09/03 PHP
javascript操作字符串的原生方法
2014/12/22 Javascript
JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
2015/11/26 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
2016/07/07 Javascript
浅析Javascript的自动分号插入(ASI)机制
2016/09/29 Javascript
Vue 单文件中的数据传递示例
2017/03/21 Javascript
Three.js如何用轨迹球插件(trackball)增加对模型的交互功能详解
2017/09/25 Javascript
详解webpack 热更新优化
2018/09/13 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
2019/08/23 Javascript
小程序登录之支付宝授权的实现示例
2019/12/13 Javascript
Vue.js中Line第三方登录api的实现代码
2020/06/29 Javascript
vue+elementUI中表格高亮或字体颜色改变操作
2020/11/02 Javascript
[59:00]OG vs TNC 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python Queue模块详解
2014/11/30 Python
Python文件和目录操作详解
2015/02/08 Python
Python中的defaultdict与__missing__()使用介绍
2018/02/03 Python
python实现n个数中选出m个数的方法
2018/11/13 Python
python修改txt文件中的某一项方法
2018/12/29 Python
ERLANG和PYTHON互通实现过程详解
2019/07/05 Python
Python3+Requests+Excel完整接口自动化测试框架的实现
2019/10/11 Python
pygame实现非图片按钮效果
2019/10/29 Python
tensorflow 实现数据类型转换
2020/02/17 Python
Django User 模块之 AbstractUser 扩展详解
2020/03/11 Python
python/golang实现循环链表的示例代码
2020/09/14 Python
美国汽车性能部件和赛车零件网站:Vivid Racing
2018/03/27 全球购物
正宗的澳大利亚Ugg靴子零售商:UGG Express
2020/04/19 全球购物
琳达·法罗眼镜英国官网:Linda Farrow英国
2021/01/19 全球购物
求职信模版
2013/11/30 职场文书
无传销社区工作方案
2014/05/13 职场文书
超市开店计划书
2014/09/15 职场文书
市场总监岗位职责
2015/02/11 职场文书
结婚保证书(三从四德)
2015/02/26 职场文书
小学教学工作总结2015
2015/05/13 职场文书
Redis如何实现分布式锁
2021/08/23 Redis