JavaScript使用get.Day根据系统时间判断是星期几

目录

JavaScript Date方法使用和练习

getDay() 方法

任务一：if...else根据当前系统时间判断出是星期几。

任务二：swith根据当前系统时间判断出是星期几。

---

JavaScript Date方法使用和练习

getDay() 方法

作用：获取计算机内当前系统时间 

语法：Date.getDay();        

任务一：if...else根据当前系统时间判断出是星期几。

实现思路：
①首先获得当前系统时间，使用JavaScript 内置对象 Date 的getDay()方法得到星期几。

可先编写一个小程序输出getDay(）的值，观察规律。
②通过if-else if…else if…else 进行判断并输出相应结果。  

③通过document.write(）在页面上输出结果。

// 创建一个Date对象来获取当前系统时间
 var currentDate = new Date();

// 使用getDay()方法获取当前是星期几
 var dayOfWeek = currentDate.getDay();
 var dt 

 // 根据星期几的值，输出相应结果
            if (dayOfWeek === 0) {
                dt =  "星期日";
            } else if (dayOfWeek === 1) {
                dt =  "星期一";
            } else if (dayOfWeek === 2) {
                dt =  "星期二";
            } else if (dayOfWeek === 3) {
                dt =  "星期三";
            } else if (dayOfWeek === 4) {
                dt =  "星期四";
            } else if (dayOfWeek === 5) {
                dt =  "星期五";
            } else if (dayOfWeek === 6) {
                dt =  "星期六";
            }
            document.write("今天是：" + dt)

 输出结果为：

任务二：swith根据当前系统时间判断出是星期几。

实现思路：
①首先获得当前系统时间，使用JavaScript 内置对象 Date 的 getDay()方法得到星期几。
可先编写一个小程序调用 Date 对象的 getDay()方法，察看输出的值，总结规律。

②通过switch语句进行判断并输出相应结果。

③通过document.write(）在页面上输出结果。

// 创建一个Date对象来获取当前系统时间
        let currentDate = new Date();

// 使用getDay()方法获取当前是星期几
        let weekday = currentDate.getDay();
        let dt;
        console.log(weekday);

// 根据星期几的值，输出相应结果
        switch (weekday) {
            case 0:
                dt = "星期日";
                break;
            case 1:
                dt = "星期一";
                break;
            case 2:
                dt = "星期二";
                break;
            case 3:
                dt = "星期三";
                break;
            case 4:
                dt = "星期四";
                break;
            case 5:
                dt = "星期五";
                break;
            case 6:
                dt = "星期六";
                break;
            default:
                break;
        }
        document.write("今天是：" + dt);

输出结果：

任务三：if...else和switch结合运用练习

实现思路：

①首先提供输入提示框，让用户输入日期，格式为（yvyy-MM-dd)根据用户输入的日期，使用JavaScript 内置对象 Date 创建日期对
象，调用该对象的getDay(）方法得到星期几。可先编写一个小程序调用 Date 对象的 getDay(）方法，察看输出的值，总结规律。

② 通过 if..else if..else 语句或者是 switch 语句进行判断并输出相应星期几结果。注意，在结果中，可以输入自己的心情，并给文字
加上反应心情的样式（字体大小、颜色等），配上图片，加入滚动效果。可在此基础上增加自己的创意。
③通过document.write(）在页面上输出结果。

<script>
        let regex = /^\d{4}-\d{2}-\d{2}$/;
        //让用户输入年月日
        let inputDate = prompt("请输入日期，格式为yyyy-mm-dd");
        //创建一个Date方法来获取输入的年月日
        if (inputDate == null) {
            alert("你点击了取消或放弃本次操作")
        }else if (inputDate == "") {
            alert("请输入你的日期")
        }else if (!regex.test(inputDate)) {
            alert("你输入的日期格式不对!")
        }else {
            let currentDate = new Date(inputDate);
 
        //使用getDay()方法获取输入的日期是星期几
        let dayOfWeek = currentDate.getDay();
        console.log(dayOfWeek);
 
        //用switch来判断
        let result;
        switch (dayOfWeek) {
            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;
        }
        //创建mood变量获取用户的性情
        let mood = prompt("你的心情为:");
        
        //用if...else判断对应心情并输出结果和图片
        if (mood == 'happy') {
            document.write("今天是：" + inputDate + "，" + result + "<br>你的心情为：" + mood);
            document.write("<br><img src='' alt=''>")
        }else if (mood == 'sad') {
            document.write("今天是：" + inputDate + "，" + result + "<br>你的心情为：" + mood);
            document.write("<br><img src='' alt=''>")
        }else{
            document.write("今天是：" + inputDate + "，" + result);
        }
        }
        
        
    </script>

总结：第一次写博客，有许多不足，以前懒的写，但发现写出来记录还是很有意思的，希望能够帮助大家