设计一个JavaScript时钟程序
设计一个JavaScript时钟程序，能够跑秒，能够正确的显示当前电脑系统的时间。界面设计合理，JavaScript代码运行正常。
文九鸽2333浏览 1718回答 3
3回答
-
ruibin
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div>当前时间为：<span id="time"></span></div><script> function formatDate(date, flag) { date = date ? new Date(date) : new Date(); var y = date.getFullYear(); var m = (date.getMonth() + 1) > 9 ? (date.getMonth() + 1) : '0' + (date.getMonth() + 1); var d = date.getDate() > 9 ? date.getDate() : '0' + date.getDate(); var h = date.getHours() > 9 ? date.getHours() : '0' + date.getHours(); var M = date.getMinutes() > 9 ? date.getMinutes() : '0' + date.getMinutes(); var s = date.getSeconds() > 9 ? date.getSeconds() : '0' + date.getSeconds(); if (!flag) { return (y + ' 年 ' + m + ' 月 ' + d + ' 日 ' + h + ' 时 ' + M + ' 分 ' + s + ' 秒'); } else if (flag === 'M') { return (y + '-' + m); } else if (flag === 'D') { return (y + '-' + m + '-' + d); } } var time = document.querySelector('#time'); time.innerHTML = formatDate(); setInterval(function() { time.innerHTML = formatDate(); }, 1000);</script></body></html> -
薏苡x
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>时间</title> <script type="text/javascript"> function myTime() { var dt=new Date(); var year=dt.getFullYear(); var month=dt.getMonth()+1; var date=dt.getDate(); var hours=dt.getHours(); var minutes=dt.getMinutes(); var seconds=dt.getSeconds(); //判断上午下午 var time="AM"; if(hours>12){ time="PM"; hours=hours-12; } //判断星期 var day=dt.getDay(); var week=""; switch (day){ case 0: week="星期日"; break; case 1: week="星期一"; break; case 2: week="星期二"; break; case 3: week="星期三"; break; case 4: week="星期四"; break; case 5: week="星期五"; break; case 6: week="星期六"; break; } /*var ss=""; if(seconds<10){ ss+="0"+seconds; }else{ ss=seconds; }*/ var s=(seconds<10)?"0"+seconds:seconds;//三元运算 var div=document.getElementById("clock"); div.innerHTML=year+"年"+month+"月"+date+"日 "+hours+"："+minutes+":"+s+" "+time+" "+week; //setTimeout("myTime()",1000); } //setInterval("myTime()",1000); var intval=setInterval("myTime()",1000); </script> </head> <body onload="myTime()"> 当前时间：<div id="clock"></div> <input type="button" value="停止" onclick="javascript:clearInterval(intval)"/> </body> </html> -
ruibin
这是产品经理提需求？
随时随地看视频慕课网APP
Html/CSS
JavaScript