(1)
<htmtl> <head></head> <body> <div id="linkweb" style=" display:inline;"></div> <script> setInterval("document.getElementById('linkweb').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay ());",1000); </script> </body> </html>
结果:
(2)
<html> <head> <meta charset="utf-8"> <script> function showTime() { var now = new Date(); var nowTime = now.toLocaleString(); var date = nowTime.substring(0,10);//截取日期 var time = nowTime.substring(10,20); //截取时间 var week = now.getDay(); //星期 var hour = now.getHours(); //小时 //判断星期几 var weeks = ["日","一","二","三","四","五","六"]; var getWeek = "星期" + weeks[week]; var sc; //判断是AM or PM if(hour >= 0 && hour < 5){ sc = '凌晨'; } else if(hour > 5 && hour <= 7){ sc = '早上'; } else if(hour > 7 && hour <= 11){ sc = '上午'; } else if(hour > 11 && hour <= 13){ sc = '中午'; } else if(hour> 13 && hour <= 18){ sc = '下午'; } else if(hour > 18 && hour <= 23){ sc = '晚上'; } document.getElementById('txt').innerHTML ="当前时间:" + date+" " + getWeek +" "+" "+sc+" "+time; setTimeout('showTime()',1000); } </script> </head> <body onload="showTime()"> <div id="txt"></div> </body> </html>
结果:
(3)在一进入一个页面就显示的年月日以及时分秒
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script> function startTime(){ var today=new Date(); var y=today.getFullYear(); //获取系统的年; var M=today.getMonth()+1; //获取系统月份,由于月份是从0开始计算,所以要加1 var d=today.getDate(); // 获取系统日, var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds();// 在小于10的数字前加一个‘0’ m=checkTime(m); s=checkTime(s); document.getElementById('txt').innerHTML=y+"/"+M+"/"+d+" "+h+":"+m+":"+s; t=setTimeout(function(){startTime()},500); } function checkTime(i){ if (i<10){ i="0" + i; } return i; } </script> </head> <body onload="startTime()"> <div id="txt"></div> </body> </html>
结果: