[武汉|结业弟子]JS-万晶|2020年02月10日的日报-技能树.IT修真院

发表于： 2020-02-10 23:18:28

1 1259

今天完成的事情：几天继续学习了js的一些基础内容，js的条件语句，switch语句等
明天计划的事情：继续学习js任务
遇到的问题：内容较多看多了头晕脑胀需要好好整理一些
收获：条件语句感觉很有用，如一个简单的例子

<p>如果时间早于 20:00，会获得问候 "Good day"。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
    var x="";
    var time=new Date().getHours();
    if (time<20){
        x="Good day";
    }
    document.getElementById("demo").innerHTML=x;
}
</script>

此时运行结果

由于时间不符合这是点击不会有任何反应，此时将time修改

if (time<24){
        x="Good day";
    }

运行结果

可以显示了，感觉用法很多

还有就是if...else语句

<p>点击这个按钮，获得基于时间的问候。</p>
    <button onclick="myFunction()">点击这里</button>
    <p id="demo"></p>
    <script>
        function myFunction() {
            var x = "";
            var time = new Date().getHours();
            if (time < 20) {
                x = "Good day";
            }
            else {
                x = "Good evening";
            }
            document.getElementById("demo").innerHTML = x;
        }
    </script>

运行结果

现在晚上点击显示

根据条件来运行不同的代码

当条件较多时就可以用switch语句来写会简单一些，比如

<p>点击下面的按钮来显示今天是周几：</p>
    <button onclick="myFunction()">点击这里</button>
    <p id="demo"></p>
    <script>
        function myFunction() {
            var x;
            var d = new Date().getDay();
            switch (d) {
                case 0: x = "今天是星期日";
                    break;
                case 1: x = "今天是星期一";
                    break;
                case 2: x = "今天是星期二";
                    break;
                case 3: x = "今天是星期三";
                    break;
                case 4: x = "今天是星期四";
                    break;
                case 5: x = "今天是星期五";
                    break;
                case 6: x = "今天是星期六";
                    break;
            }
            document.getElementById("demo").innerHTML = x;
        }
    </script>