说是复杂版,那是相对的说法,其实也不是很复杂,哈哈,不要被吓退哦,用到的知识点主要是switch循环。如果switch条件里的a的值与case的值相等,那么就执行相等的case后面的代码。 如果case语句后面没有break,代码会执行到下一个case语句。
实现原理:设定年月日的输入框,然后获取它们的value。进而通过月份输入框的值进行判断,巧妙运用switch循环的特点,达到天数相加的目的,得到最终答案。
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>一年中的第几天</title>
</head>
<body>
<input type="text" id="year" value="" />年
<input type="text" id="month" value="" />月
<input type="text" id="day" value="" />日
<input type="button" id="sum" value="计算">
</body>
<script type="text/javascript">
var year = document.getElementById("year");
var month = document.getElementById("month");
var day = document.getElementById("day");
var sum = document.getElementById("sum");
sum.onclick = function(){
var y = year.value;
var m = month.value;
var d = day.value;
var alldays = 0;
switch(m - 1){
case 11:
alldays += 30;
case 10:
alldays += 31;
case 9:
alldays += 30;
case 8:
alldays += 31;
case 7:
alldays += 31;
case 6:
alldays += 30;
case 5:
alldays += 31;
case 4:
alldays += 30;
case 3:
alldays += 31;
case 2:
if ((y % 4 == 0 && y % 100 != 0) || (y % 400 == 0)) {
alldays += 29;
} else {
alldays += 28;
}
case 1:
alldays += 31;
}
alldays += Number(d);
console.log(+y+"年中的第"+alldays+"天");
}
</script>
</html>
注意点:需要注意的是,众所周知年份是分为闰年和平年的,所以就需要对其年份进行判断。判断方法也很简单,闰年的特征是:能被4整除但不能被100整除,或能被400整除的年份即为闰年
例如:我自己在Chrome浏览器上试了2010年3月14日是2010年中的第几天,答案是73天。
分析:先判断2010年是闰年还是平年,经过上述注意点可以得知,2010是平年,也就是说2010年的2月份有28天,这样31+28+14 = 73天。
ok,这个稍复杂的版本就到这里,简单的版本请见下一篇博文哦,再会~~~