今天聽了一小節,js中如何擷取系統時間。最後做了一個輪播圖效果,是在别人的代碼上修改的,一開始做了好半天,都沒做好,最後,在我的堅持下,終于做出來了。今天先到這兒,去休息了!
擷取時間對象:new Date()
getFullYear()
getMonth()
getDate()
getDay()
getHours()
getMinutes()
getSeconds()
以下是個小例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js-時間</title>
<style>
body{
font-size: 20px;
}
</style>
<script>
// alert(new Date());目前系統的時間對象
window.onload=function(){
var oBody=document.body;
setInterval(fnTime,1000);
fnTime();
function fnTime(){
var myTime=new Date();
var iYear=myTime.getFullYear();
var iMonth=myTime.getMonth()+1;
var iDate=myTime.getDate();
var iWeek=myTime.getDay();
var iHours=myTime.getHours();
var iMin=myTime.getMinutes();
var iSec=myTime.getSeconds();
if (iWeek==0) {
iWeek="星期日";
};
if (iWeek==1) {
iWeek="星期一";
if (iWeek==2) {
iWeek="星期二";
if (iWeek==3) {
iWeek="星期三";
if (iWeek==4) {
iWeek="星期四";
if (iWeek==5) {
iWeek="星期五";
if (iWeek==6) {
iWeek="星期六";
var str=iYear+'年'+iMonth+'月'+toTwo(iDate)+' '+'日'+' '+iWeek+' '+toTwo(iHours)+':'+toTwo(iMin)+':'+toTwo(iSec);
oBody.innerHTML=str;
}
function toTwo(n){
return n<10?'0'+n:''+n;
</script>
</head>
<body>
</body>
</html>
運作效果:
