현재 시스템 시간 을 실시 간 으로 표시 하고 선택 / 선택 하지 않 음 checkbox

2799 단어 checkbox
코드 를 개발 할 때 홈 페이지 에 본 컴퓨터 의 시간 을 표시 하면 홈 페이지 에 색 을 더 할 수 있 을 뿐만 아니 라 조회 자 들 이 현재 시간 을 파악 하 는 데 편리 할 수 있 습 니 다. 사이트 의 개발 속 도 를 높이 기 위해 메 인 코드 를 하나의 단독 함수 에 밀봉 할 수 있 습 니 다. 필요 할 때 직접 호출 할 수 있 습 니 다. 저 는 프레젠테이션 을 위해 홈 페이지 에 직접 써 서 여러분 들 이 볼 수 있 도록 합 니 다.
   (1): 먼저 JS 로 시스템 시간 을 실시 간 으로 표시 하 는 함수 clockon () 을 작성 합 니 다. 하나의 인자 contentDate 만 있 습 니 다. 전환 후 표시 할 < div > 태그 의 이름 을 지정 하 는 데 사 용 됩 니 다. 반환 값 이 없습니다. 웹 사이트 개발 을 진행 할 때 다음 과 같은 코드 를 다시 사용 할 수 있 도록 변경 함 수 를 JS 파일 에 저장 할 수 있 습 니 다.<script>
function clockon(contentDate)
{
    var now = new Date();
    var year = now.getYear();
    var month = now.getMonth();
    var date = now.getDate();
    var day = now.getDay();
    var hour = now.getHours();
    var minu = now.getMinutes();
    var sec = now.getSeconds();
    var week;
     month = month+1;
    if(month<10)month="0"+month;
    if(date<10)date="0"+date;
    if(hour<10)hour="0"+hour;
    if(minu<10)minu="0"+minu;
    if(sec<10)sec="0"+sec;
    var arr_week = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
     week = arr_week[day];
    var time = "";
     time = year+"/"+month+"/"+date+"/"+week+""+hour+":"+minu+":"+sec;
    if(document.all)
    {
         contentDate.innerHTML="["+time+"]"
    }
    var timer = setTimeout("clockon(contentDate)",200);
           
}
</script>

 
(2): 페이지 의 < body > onload 이벤트 에서 호출 및 표시 할 곳 에 div 태그 코드 를 설치 합 니 다.<body onLoad="clockon(contentDate)">
<div id="contentDate" ></div>
</body>

좋은 웹페이지 즐겨찾기