> 웹 프론트엔드 > JS 튜토리얼 > JS 동적 날짜 및 시간_javascript 기술을 얻는 방법

JS 동적 날짜 및 시간_javascript 기술을 얻는 방법

WBOY
풀어 주다: 2016-05-16 15:37:44
원래의
1100명이 탐색했습니다.

코드가 비교적 간단하기 때문에 편집자는 더 이상 설명하지 않습니다. 코드를 보고 직접 예제를 게시하면 이해가 될 것입니다.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>实时时间</title>
  <script type="text/javascript">
    var slidint;
    function newTimer() {
      stopit();
      var today;
      today = new Date();
      var str = today.toLocaleDateString();
      str += "  " + week();
      str += "  " + today.toLocaleTimeString();
      var o = document.getElementById("lblDateTime");
      o.innerHTML = str;
      slidint = setTimeout(newTimer, 1000);
    }
      
    function stopit() {
      clearTimeout(slidint);
    }
      
    function week() {
      var d, day, x, s = " ";
      var x = new Array("星期日", "星期一", "星期二");
      var x = x.concat("星期三", "星期四", "星期五");
      var x = x.concat("星期六");
      d = new Date();
      day = d.getDay();
      return (s += x[day]);
    }
      
    window.onload = function() {
      newTimer();
    }
  </script>
</head>
<body>
  <label id="lblDateTime"></label>
</body>
</html>
로그인 후 복사

코드 구현 효과는 다음과 같습니다.

JS에서 동적 시간을 얻는 방법은 여러 가지가 있으며, 모두가 이를 요약해야 합니다. 이 기사가 모든 사람의 자바스크립트 프로그래밍 설계에 도움이 되기를 바랍니다.

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿