码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript012,判断语句

时间:2019-12-30 23:26:59      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:===   document   date()   function   判断语句   class   div   现在   head   

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>JavaScript 判断语句</title>
    </head>
    <body>
        <h3>JavaScript 之 if...else</h3>
        <button type="button" onclick="ifElse()">点我</button>
        
        <p>---------------------</p>
        
        <h3>JavaScript 之 switch语句</h3>
        <!-- switch 基于不同的条件来执行不同的动作。 -->
        <button type="button" onclick="swit()">点我</button>
        <p id="demo"></p>
        
        <script type="text/javascript">
            function ifElse(){
                var fDate = new Date().getHours();//date()获取时间,getHours()再获取小时
                if(fDate < 24 && fDate > 18){//fDate<24 并且 >18 
                    alert("晚上好!");//满足条件就执行这里
                }
                else if(fDate == 12){
                    alert("中午好!");//满足条件就执行这里
                }
                else{
                    alert("现在是:" + Date());//不满足条件就执行我
                }
                /* if语句可以单独存在,也就是不需要else if 和 else */
            }
            
            /* ---------------------- */
            
            function swit(){
                var Time = new Date().getDay();//getDay(),获取周几
                /* var x; */
                switch(Time){
                    /* Time与case之间的关系是===,根据Time的值执行对应的case */
                    case 0 : x = "今天是周日";//Sunday(周日) = 0
                    break;
                    case 1 : x = "今天是周一";
                    break;
                    case 2 : x = "今天是周二";
                    break;
                    case 3 : x = "今天是周三";
                    break;
                    case 4 : x = "今天是周四";
                    break;
                    case 5 : x = "今天是周五";
                    break;
                    default : x = "今天是周六";//当Time与上面所有case都不匹配就会执行default
                }
                document.getElementById("demo").innerHTML = x;
            }
        </script>
    </body>
</html>

JavaScript012,判断语句

标签:===   document   date()   function   判断语句   class   div   现在   head   

原文地址:https://www.cnblogs.com/zhou0910/p/12121775.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!