JS入门学习之电子时钟-原创手记-慕课网

JS入门学习之电子时钟

Oseyii 2016-08-25 15:20:56 浏览 4061

Oseyii

关注TA

手记 1

粉丝 2

获赞 50


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <title></title>
</head>
<body>
    <p id="timer">时间显示</p>
</body>
</html>
<script language="javascript" type="text/javascript">
    //间隔计时器或者单次计时器
    window.onload = function(){     
        setInterval(showtime,10);   
    }
    //补全分秒的个位数
    function checktime(time){
        if(time<10) 
            time = '0'+time;
        return time;
    }
    function showtime(){
        //输出星期需要转换显示格式
        var weeks = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
        var mytime = new Date(),
            timer = document.getElementById("timer");   
        //JS月份从0起算，需要加一
                var mon = mytime.getMonth() + 1;            
        var hou = checktime(mytime.getHours()),
            min = checktime(mytime.getMinutes()),
            sec = checktime(mytime.getSeconds());
        timer.innerHTML = mytime.getFullYear() +"年"+ mon+"月"+ mytime.getDate()+"日 "+
                          weeks[mytime.getDay()]+" "+
                          hou +":"+ min+":"+ sec;
        //setTimeout(showtime,10);
    }
</script>

10人推荐

发表评论