>  기사  >  웹 프론트엔드  >  HTML에서 시간을 설정하는 방법

HTML에서 시간을 설정하는 방법

藏色散人
藏色散人원래의
2021-04-12 09:52:438228검색

html에서 시간을 설정하는 방법: 먼저 div를 만든 다음 div에 클래스 속성을 추가하고 마지막으로 "function realSysTime(clock){...}" 메서드를 통해 시간을 설정합니다.

HTML에서 시간을 설정하는 방법

이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

HTML 현재 시간 설정

setInterval(function(){
        realSysTime(clock),1000
        }); 
//显示当前时间
function realSysTime(clock){
    var now=new Date();            //创建Date对象
    var year=now.getFullYear();    //获取年份
    var month=now.getMonth();    //获取月份
    var date=now.getDate();        //获取日期
    var day=now.getDay();        //获取星期
    var hour=now.getHours();    //获取小时
    var minu=now.getMinutes();    //获取分钟
    var sec=now.getSeconds();    //获取秒钟
    month=month+1;
    var arr_week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
    var week=arr_week[day];  //获取中文的星期
    var time=year+"年"+month+"月"+date+"日 "+" "+((hour<10)?(&#39;0&#39;+hour):hour)+":"+((minu<10)?(&#39;0&#39;+minu):minu)+":"+((sec<10)?(&#39;0&#39;+sec):sec);    //组合系统时间
    clock.innerHTML=time;    //显示系统时间
}
 <!-- 当前时间显示 -->
        <div id="clock" class="time" ></div>

HTML에서 시간을 설정하는 방법

【추천 학습: HTML 비디오 튜토리얼

위 내용은 HTML에서 시간을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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