目录
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>
总结:第一次写博客,有许多不足,以前懒的写,但发现写出来记录还是很有意思的,希望能够帮助大家