传智播客旗下技术交流社区北京校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始



  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"



  • "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



  • <html xmlns="http://www.w3.org/1999/xhtml">



  • <head>



  • <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />



  • <title>动态获取当前时间</title>



  • <style type="text/css">



  • body{padding:10px;}



  • #time{background-color:#CCCCFF; width:310px; border:1px solid #cccccc; line-height:48px;



  • text-align:center; padding:20px 10px; font-size:28px; color:#0000CC; font-weight:bold;}



  • </style>



  • <script type="text/javascript">



  • function showCurrentTime()



  • {



  •         var today = new Date();



  •         var year = today.getFullYear();



  •         var month = today.getMonth()+1;



  •         var date = today.getDate();



  •         var day = today.getDay();



  •         var hours = today.getHours();



  •         var minutes        = today.getMinutes();



  •         var seconds        = today.getSeconds();



  •         var milliseconds = today.getMilliseconds();



  •         switch(day){



  •           case 0: week_str="星期日";break;



  •           case 1: week_str="星期一";break;



  •           case 2: week_str="星期二";break;



  •           case 3: week_str="星期三";break;



  •           case 4: week_str="星期四";break;



  •           case 5: week_str="星期五";break;



  •           default: week_str="星期六";



  •         }



  •         //如果时间或日期值不够两位,补0



  •         if(month<10)        month        = "0"+month;



  •         if(date<10)                date        = "0"+date;



  •         if(hours<10)        hours        = "0"+hours;



  •         if(minutes<10)        minutes = "0"+minutes;



  •         if(seconds<10)        seconds = "0"+seconds;



  •         //组合输出字符串



  •         var str = year+"年"+month+"月"+date+"日 "+week_str;



  •         str += "<br />"+hours+":"+minutes+":"+seconds+" "+milliseconds+"ms";



  •         //将时间字符串,加入到id=time的元素中



  •         var obj = document.getElementById("time");



  •         obj.innerHTML = str;



  •         setTimeout("showCurrentTime()",1000);



  • }



  • </script>



  • </head>



  • <body>



  • <input type="button" onclick="showCurrentTime()" value="动态获取当前时间"><p>



  • <div id="time"></div>



  • </body>




分享至 : QQ空间
收藏

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马
关闭

站长推荐 上一条 /4 下一条