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 相关文章推荐
多广告投放代码 推荐
Nov 13 Javascript
jquery cookie实现的简单换肤功能适合小网站
Aug 25 Javascript
JS事件在IE与FF中的区别详细解析
Nov 20 Javascript
js中小数转换整数的方法
Jan 26 Javascript
JS动态修改iframe高度和宽度的方法
Apr 01 Javascript
Vue.js 2.0窥探之Virtual DOM到底是什么?
Feb 10 Javascript
js实现PC端和移动端刮卡效果
Mar 27 Javascript
EasyUI为Numberbox添加blur事件的方法
Mar 05 Javascript
浅析bootstrap原理及优缺点
Mar 19 Javascript
解决在vue+webpack开发中出现两个或多个菜单公用一个组件问题
Nov 28 Javascript
详解vantUI框架在vue项目中的应用踩坑
Dec 06 Javascript
解决ant Design中this.props.form.validateFields未执行的问题
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
Ajax+PHP 边学边练 之二 实例
2009/11/24 PHP
php header示例代码(推荐)
2010/09/08 PHP
ThinkPHP模型详解
2015/07/27 PHP
基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
微信利用PHP创建自定义菜单的方法
2016/08/01 PHP
javascript TextArea动态显示剩余字符
2008/10/22 Javascript
初窥JQuery-Jquery简介 入门了解篇
2010/11/25 Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
2011/08/23 Javascript
caller和callee的区别介绍及演示结果
2013/03/10 Javascript
深入理解javascript严格模式(Strict Mode)
2014/11/28 Javascript
JS实现的5级联动Select下拉选择框实例
2015/08/17 Javascript
JavaScript保留关键字汇总
2015/12/01 Javascript
jQuery实现进度条效果代码
2015/12/17 Javascript
尝试动手制作javascript放大镜效果
2015/12/25 Javascript
JavaScript模拟数组合并concat
2016/03/06 Javascript
jQuery判断checkbox选中状态
2016/05/12 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
2017/01/11 Javascript
聊聊JavaScript如何实现继承及特点
2017/04/07 Javascript
Vue ElementUI之Form表单验证遇到的问题
2017/08/21 Javascript
使用webpack打包koa2 框架app
2018/02/02 Javascript
详解vue-admin和后端(flask)分离结合的例子
2018/02/12 Javascript
利用Python的Flask框架来构建一个简单的数字商品支付解决方案
2015/03/31 Python
简单理解Python中基于生成器的状态机
2015/04/13 Python
python嵌套函数使用外部函数变量的方法(Python2和Python3)
2016/01/31 Python
Python解惑之整数比较详解
2017/04/24 Python
Android分包MultiDex策略详解
2017/10/30 Python
python如何对实例属性进行类型检查
2018/03/20 Python
Python使用ctypes调用C/C++的方法
2019/01/29 Python
python for循环remove同一个list过程解析
2019/08/14 Python
在python shell中运行python文件的实现
2019/12/21 Python
Python的pygame安装教程详解
2020/02/10 Python
4行Python代码生成图像验证码(2种)
2020/04/07 Python
x-ua-compatible content=”IE=7, IE=9″意思理解
2013/07/22 HTML / CSS
消防志愿者活动方案
2014/08/23 职场文书
详解Go语言Slice作为函数参数的使用
2021/07/02 Golang
win10拖拽文件时崩溃怎么解决?win10文件不能拖拽问题解决方法
2022/08/14 数码科技