>웹 프론트엔드 >JS 튜토리얼 >Javascript는 날짜 및 시간 동적 표시 샘플 code_javascript 기술을 구현합니다.

Javascript는 날짜 및 시간 동적 표시 샘플 code_javascript 기술을 구현합니다.

WBOY
WBOY원래의
2016-05-16 15:39:591318검색

더 이상 고민하지 않고 바로 코드를 살펴보겠습니다.

<!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>

작업 렌더링도 있습니다:

매우 간단하지 않나요? 이것은 페이지에 시간 변경 사항을 동적으로 표시하는 가장 기본적인 방법입니다. 이를 기반으로 몇 가지 스타일을 추가하여 자바스크립트를 익혀서 동적으로 표시할 수 있기를 바랍니다. 날짜와 시간.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.