0
点赞
收藏
分享

微信扫一扫

Html+Css+Js(switch结构语句)显示当前时间并显示星期几

白衣蓝剑冰魄 2022-01-31 阅读 132

 Html部分

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body οnlοad="panduan()">
        <div id="box"></div>
    </body>
</html>

Css部分

* {
    margin: 0;
    padding: 0;
}
#box{
    width: 30%;
    margin: 200px auto;
    text-align: center;
}

Js部分

function panduan() {
    var box = document.getElementById('box');
    var now = new Date();
    //返回星期几
    var week = now.getDay();
    //判断
    switch (week) {
        case 0:
            result = "星期天";
            break;
        case 1:
            result = "星期一";
            break;
        case 2:
            result = "星期二";
            break;
        case 3:
            result = "星期三";
            break;
        case 4:
            result = "星期四";
            break;
        case 5:
            result = "星期五";
            break;
        case 6:
            result = "星期六";
            break;
        default:
            result = "信息有误";
            break;
    }
    box.innerHTML = now + '<br/>' + result;
}
 

举报

相关推荐

0 条评论