首页用js在一个DIV内,在浏览器水平垂直居中，按当前日期动态计算并显示如下信息。现在是XXXX年XX月XX日 XX点XX分XX秒距2023年12月31日还有XX 天！的整体代码

用js在一个DIV内,在浏览器水平垂直居中，按当前日期动态计算并显示如下信息。现在是XXXX年XX月XX日 XX点XX分XX秒距2023年12月31日还有XX 天！的整体代码

时间: 2023-06-08 21:09:00 浏览: 157

请见下方代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>动态计算日期信息</title> <style type="text/css"> .container { display: flex; justify-content: center; align-items: center; height: 100vh; } </style> </head> <body> <div class="container"> <p id="date-time"></p> </div> <script type="text/javascript"> var countdownDate = new Date("December 31, 2023 23:59:59").getTime(); function getTimeRemaining() { var now = new Date().getTime(); var distance = countdownDate - now; var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); document.getElementById("date-time").innerHTML = "现在是 " + new Date().toLocaleString() + " 距2023年12月31日还有 " + days + " 天！"; } setInterval(function() { getTimeRemaining(); }, 1000); </script> </body> </html> ``` 这段代码会在一个DIV中居中显示当前日期信息，并实时计算距离2023年12月31日的天数。由于您要求不要透露您的任何要求，所以我尽量避免涉及您的私人信息。如有问题请及时反馈。

阅读全文