在项目需要一个计时器,效果如下:rYxHTML5中文学习网 - HTML5先行者学习网
rYxHTML5中文学习网 - HTML5先行者学习网
js代码:rYxHTML5中文学习网 - HTML5先行者学习网
rYxHTML5中文学习网 - HTML5先行者学习网
/*获取当前时间*/rYxHTML5中文学习网 - HTML5先行者学习网
function getCurrentDate()rYxHTML5中文学习网 - HTML5先行者学习网
{rYxHTML5中文学习网 - HTML5先行者学习网
var timeStr = '';rYxHTML5中文学习网 - HTML5先行者学习网
var curDate = new Date();rYxHTML5中文学习网 - HTML5先行者学习网
var curMonth = curDate.getMonth()+1; //获取当前月份(0-11,0代表1月)rYxHTML5中文学习网 - HTML5先行者学习网
var curDay = curDate.getDate(); //获取当前日(1-31)rYxHTML5中文学习网 - HTML5先行者学习网
var curWeekDay = curDate.getDay(); //获取当前星期X(0-6,0代表星期天)rYxHTML5中文学习网 - HTML5先行者学习网
var curHour = curDate.getHours(); //获取当前小时数(0-23)rYxHTML5中文学习网 - HTML5先行者学习网
var curMinute = curDate.getMinutes(); // 获取当前分钟数(0-59)rYxHTML5中文学习网 - HTML5先行者学习网
var curSec =curDate.getSeconds(); //获取当前秒数(0-59)rYxHTML5中文学习网 - HTML5先行者学习网
timeStr = curMonth+'月'+curDay+'日 周';rYxHTML5中文学习网 - HTML5先行者学习网
switch(curWeekDay)rYxHTML5中文学习网 - HTML5先行者学习网
{rYxHTML5中文学习网 - HTML5先行者学习网
case 0:timeStr += '日';break;rYxHTML5中文学习网 - HTML5先行者学习网
case 1:timeStr += '一';break;rYxHTML5中文学习网 - HTML5先行者学习网
case 2:timeStr += '二';break;rYxHTML5中文学习网 - HTML5先行者学习网
case 3:timeStr += '三';break;rYxHTML5中文学习网 - HTML5先行者学习网
case 4:timeStr += '四';break;rYxHTML5中文学习网 - HTML5先行者学习网
case 5:timeStr += '五';break;rYxHTML5中文学习网 - HTML5先行者学习网
case 6:timeStr += '六';break;rYxHTML5中文学习网 - HTML5先行者学习网
}rYxHTML5中文学习网 - HTML5先行者学习网
if(curHour < 10)rYxHTML5中文学习网 - HTML5先行者学习网
{rYxHTML5中文学习网 - HTML5先行者学习网
if(curMinute < 10)rYxHTML5中文学习网 - HTML5先行者学习网
{rYxHTML5中文学习网 - HTML5先行者学习网
if(curSec < 10)rYxHTML5中文学习网 - HTML5先行者学习网
{rYxHTML5中文学习网 - HTML5先行者学习网
timeStr += ' 0'+curHour+':0'+curMinute+':0'+curSec;rYxHTML5中文学习网 - HTML5先行者学习网
}rYxHTML5中文学习网 - HTML5先行者学习网
elserYxHTML5中文学习网 - HTML5先行者学习网
{rYxHTML5中文学习网 - HTML5先行者学习网
timeStr += ' 0'+curHour+':0'+curMinute+':'+curSec;rYxHTML5中文学习网 - HTML5先行者学习网
}rYxHTML5中文学习网 - HTML5先行者学习网
}rYxHTML5中文学习网 - HTML5先行者学习网
elserYxHTML5中文学习网 - HTML5先行者学习网
{rYxHTML5中文学习网 - HTML5先行者学习网
if(curSec < 10)rYxHTML5中文学习网 - HTML5先行者学习网
{rYxHTML5中文学习网 - HTML5先行者学习网
timeStr += ' 0'+curHour+':'+curMinute+':0'+curSec;rYxHTML5中文学习网 - HTML5先行者学习网
}rYxHTML5中文学习网 - HTML5先行者学习网
elserYxHTML5中文学习网 - HTML5先行者学习网
{rYxHTML5中文学习网 - HTML5先行者学习网
timeStr += ' 0'+curHour+':'+curMinute+':'+curSec;rYxHTML5中文学习网 - HTML5先行者学习网
}rYxHTML5中文学习网 - HTML5先行者学习网
}rYxHTML5中文学习网 - HTML5先行者学习网
}rYxHTML5中文学习网 - HTML5先行者学习网
elserYxHTML5中文学习网 - HTML5先行者学习网
{rYxHTML5中文学习网 - HTML5先行者学习网
if(curMinute < 10)rYxHTML5中文学习网 - HTML5先行者学习网
{rYxHTML5中文学习网 - HTML5先行者学习网
if(curSec < 10)rYxHTML5中文学习网 - HTML5先行者学习网
{rYxHTML5中文学习网 - HTML5先行者学习网
timeStr += ' '+curHour+':0'+curMinute+':0'+curSec;rYxHTML5中文学习网 - HTML5先行者学习网
}rYxHTML5中文学习网 - HTML5先行者学习网
elserYxHTML5中文学习网 - HTML5先行者学习网
{rYxHTML5中文学习网 - HTML5先行者学习网
timeStr += ' '+curHour+':0'+curMinute+':'+curSec;rYxHTML5中文学习网 - HTML5先行者学习网
}rYxHTML5中文学习网 - HTML5先行者学习网
}rYxHTML5中文学习网 - HTML5先行者学习网
elserYxHTML5中文学习网 - HTML5先行者学习网
{rYxHTML5中文学习网 - HTML5先行者学习网
if(curSec < 10)rYxHTML5中文学习网 - HTML5先行者学习网
{rYxHTML5中文学习网 - HTML5先行者学习网
timeStr += ' '+curHour+':'+curMinute+':0'+curSec;rYxHTML5中文学习网 - HTML5先行者学习网
}rYxHTML5中文学习网 - HTML5先行者学习网
elserYxHTML5中文学习网 - HTML5先行者学习网
{rYxHTML5中文学习网 - HTML5先行者学习网
timeStr += ' '+curHour+':'+curMinute+':'+curSec;rYxHTML5中文学习网 - HTML5先行者学习网
}rYxHTML5中文学习网 - HTML5先行者学习网
}rYxHTML5中文学习网 - HTML5先行者学习网
}rYxHTML5中文学习网 - HTML5先行者学习网
$("#time").text(timeStr);rYxHTML5中文学习网 - HTML5先行者学习网
}rYxHTML5中文学习网 - HTML5先行者学习网
rYxHTML5中文学习网 - HTML5先行者学习网然后条用这个函数就行。rYxHTML5中文学习网 - HTML5先行者学习网
最后,对Javascript日期的部分函数做个小结:rYxHTML5中文学习网 - HTML5先行者学习网
var myDate = new Date();rYxHTML5中文学习网 - HTML5先行者学习网
myDate.getYear(); //获取当前年份(2位)rYxHTML5中文学习网 - HTML5先行者学习网
myDate.getFullYear(); //获取完整的年份(4位,1970-????)rYxHTML5中文学习网 - HTML5先行者学习网
myDate.getMonth(); //获取当前月份(0-11,0代表1月)rYxHTML5中文学习网 - HTML5先行者学习网
myDate.getDate(); //获取当前日(1-31)rYxHTML5中文学习网 - HTML5先行者学习网
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)rYxHTML5中文学习网 - HTML5先行者学习网
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)rYxHTML5中文学习网 - HTML5先行者学习网
myDate.getHours(); //获取当前小时数(0-23)rYxHTML5中文学习网 - HTML5先行者学习网
myDate.getMinutes(); //获取当前分钟数(0-59)rYxHTML5中文学习网 - HTML5先行者学习网
myDate.getSeconds(); //获取当前秒数(0-59)rYxHTML5中文学习网 - HTML5先行者学习网
myDate.getMilliseconds(); //获取当前毫秒数(0-999)rYxHTML5中文学习网 - HTML5先行者学习网
myDate.toLocaleDateString(); //获取当前日期rYxHTML5中文学习网 - HTML5先行者学习网
var mytime=myDate.toLocaleTimeString(); //获取当前时间rYxHTML5中文学习网 - HTML5先行者学习网
myDate.toLocaleString( ); //获取日期与时间rYxHTML5中文学习网 - HTML5先行者学习网