더 이상 고민하지 않고 바로 코드를 살펴보겠습니다.
<!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 runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <script type="text/javascript"> document.write("<span id=lblTime width='118px' height='11px' Font-Size='9pt' style='color:Red' ></span>") //输出显示日期的容器 //每1000毫秒(即1秒) 执行一次本段代码 setInterval("lblTime.innerText=new Date().toLocaleString()", 1000) </script> </div> </form> </body> </html>
작업 렌더링도 있습니다:
매우 간단하지 않나요? 이것은 페이지에 시간 변경 사항을 동적으로 표시하는 가장 기본적인 방법입니다. 이를 기반으로 몇 가지 스타일을 추가하여 자바스크립트를 익혀서 동적으로 표시할 수 있기를 바랍니다. 날짜와 시간.