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 相关文章推荐
Json2Template.js 基于jquery的插件 绑定JavaScript对象到Html模板中
Oct 29 Javascript
js前台分页显示后端JAVA数据响应
Mar 18 Javascript
当前页禁止复制粘贴截屏代码小集
Jul 24 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
Jun 11 Javascript
Javascript基础教程之数组 array
Jan 18 Javascript
javascript实现简易计算器的代码
May 31 Javascript
jQuery Chart图表制作组件Highcharts用法详解
Jun 01 Javascript
easyUI下拉列表点击事件使用方法
May 18 Javascript
JS实现移动端触屏拖拽功能
Jul 31 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
Sep 14 Javascript
在移动端使用vue-router和keep-alive的方法示例
Dec 02 Javascript
解决VUEX的mapState/...mapState等取值问题
Jul 24 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中截取中文字符串的代码小结
2011/07/17 PHP
PHP+Mysql+Ajax+JS实现省市区三级联动
2014/05/23 PHP
php解析http获取的json字符串变量总是空白null
2015/03/02 PHP
PHP中preg_match函数正则匹配的字符串长度问题
2015/05/27 PHP
LaravelS通过Swoole加速Laravel/Lumen详解
2018/03/02 PHP
如何优雅的使用 laravel 的 validator验证方法
2018/11/11 PHP
PHP实现简单用户登录界面
2019/10/23 PHP
PHP架构及原理知识点详解
2019/12/22 PHP
Google排名中的10个最著名的 JavaScript库
2010/04/27 Javascript
JS图片自动轮换效果实现思路附截图
2014/04/30 Javascript
input点击后placeholder中的提示消息消失
2016/01/15 Javascript
AngularJS入门教程之数据绑定原理详解
2016/11/02 Javascript
基于JS实现9种不同的面包屑和分布式多步骤导航效果
2017/02/21 Javascript
jQuery实现简单弹窗遮罩效果
2017/02/27 Javascript
JavaScript 实现 Tab 点击切换实例代码
2017/03/25 Javascript
CodeMirror js代码加亮使用总结
2017/03/25 Javascript
基于angular实现三级联动的生日插件
2017/05/12 Javascript
原生JS实现的碰撞检测功能示例
2018/05/18 Javascript
vue-router启用history模式下的开发及非根目录部署方法
2018/12/23 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
jQuery+PHP+Ajax实现动态数字统计展示功能
2019/12/25 jQuery
Django1.7+python 2.78+pycharm配置mysql数据库教程
2014/11/18 Python
python微信公众号开发简单流程
2018/03/23 Python
Python线性拟合实现函数与用法示例
2018/12/13 Python
PyTorch学习:动态图和静态图的例子
2020/01/06 Python
python 怎样进行内存管理
2020/11/10 Python
Pycharm配置autopep8实现流程解析
2020/11/28 Python
瑞典最大的儿童用品网上商店:pinkorblue.se
2021/03/09 全球购物
用Java语言将一个键盘输入的数字转化成中文输出
2013/01/25 面试题
应届生财务会计求职信
2013/11/05 职场文书
大学生的自我鉴定范文
2014/01/21 职场文书
1亿有多大教学反思
2014/05/01 职场文书
学习经验演讲稿
2014/05/10 职场文书
2014年圣诞节寄语
2014/12/08 职场文书
离婚纠纷代理词
2015/05/23 职场文书
指导老师鉴定意见
2015/06/05 职场文书