javascript学习笔记(三)显示当时时间的代码
更新时间:2011年04月08日 00:20:44 作者:
主要是为了熟悉javascript中在date对象,大家可以看下。
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;
}
复制代码 代码如下:
<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 学习笔记(九)call和apply方法
两者实现的功能是完全一样的,只是参数传递方式不一样,call是将各个参数以逗号(,)隔开,而apply是将所有参数组成一个数组进行传递。2010-01-01
javascript document.execCommand() 常用解析
dom下execCommand命令的一些参数整理,需要的朋友可以参考下。2009-12-12
JavaScript高级程序设计(第3版)学习笔记3 js简单数据类型
数据类型是编程语言的砖瓦,是所有你能想象到的复杂抽象的基础,在现代编程语言中,除了语言本身内置的一些简单数据类型外,基本上都提供了用于自定义数据类型的语言机制(在C中也可以利用结构体来实现),这些机制在一定程度上也决定了该语言的流行度和生命力2012-10-10


最新评论