猿问

DIV换行有部分Javascript的代码

怎么实现DIV里面显示出来的时间换行,显示成如下格式:

           XXXX年XX月XX日             星期X

                          XX时:XX分:XX秒

这是我写的代码:

<!DOCTYPE html>
<head>
<html>
<meta charset="utf-8">
<title>电子时钟</title>
<style type="text/css">
  body{
   background-image:电子时钟APP-1.jpg;
width: 1920px;
height:1080px;
}
#time{
width:50%;
}
</style>

<script type="text/javascript"> 
function getDateDemo(){  
  var myDate=new Date(); 
  var year=myDate.getFullYear(); 
  var month=myDate.getMonth() + 1; 
  var date=myDate.getDate(); 
  var day=myDate.getDay();
  var hours=myDate.getHours(); 
  var minutes=myDate.getMinutes(); 
  var seconds=myDate.getSeconds(); 
 
  //月份的显示为两位数字如09月 
  if(month < 10 ){ 
    month = "0" + month; 
  } 
  if(date < 10 ){ 
    date = "0" + date; 
  } 
 
  var dateTime=year+"年"+month+"月"+date+"日"+"星期"+day+"\n"+hours+":"+minutes+":"+seconds; 
 
  var divNode = document.getElementById("time"); 
  divNode.innerHTML = dateTime; 
} 
window.setInterval("getDateDemo()",1000);
</script> 

</head> 
<body>
<div id="time"></div>
<input type="button" value="一键获取时间" onclick="getDateDemo()">
</body>
</html>


WentworthPeach
浏览 1574回答 2
2回答

WentworthPeach

可以了,谢谢

super_mb

把"\n"换成"<br>"就可以换行了吧。
随时随地看视频慕课网APP
我要回答