利用case的穿透和累加效果计算一年中的某一天

html结构

<input type="text" value="" id="txt1">
<input type="text" value="" id="txt2">
<input type="text" value="" id="txt3">
<input type="button" value="查看" id="btn">

script代码

<script>
        var year = document.getElementById("txt1");
        var month = document.getElementById("txt2");
        var day = document.getElementById("txt3");
        // 先获取三个输入框，放到变量里
        btn.onclick = function fn() {
            var y = parseFloat(year.value);
            var m = parseFloat(month.value);
            var d = parseFloat(day.value);
            var num = 0;
            // 在点击查看按钮后，获取到输入框的值然后转换成数值，放到变量里;注意：装换成数值是因为直接获取到的属性值的类型是字符。
            switch (m) {
                case 12:
                    num = num + 30;
                case 11:
                    num = num + 31;
                case 10:
                    num = num + 30;
                case 9:
                    num = num + 31;
                case 8:
                    num = num + 31;
                case 7:
                    num = num + 30;
                case 6:
                    num = num + 31;
                case 5:
                    num = num + 30;
                case 4:
                    num = num + 31;
                case 3:
                    if (y / 4 == 0 && y / 100 != 0 || y / 400 == 0) {
                        num = num + 28;
                    } else {
                        num = num + 29;
                    }
                    break;
                case 2:
                    num = num + 31;
                case 1:
                    num = num + d;
                    break;
                default:
                    console.log("输入的数值不合法")
                    break;
                    // 利用case的穿透效果来个年份从大到小排列。
            }
            console.log(num)
        }
</script>