JavaScript中求天数问题

最新推荐文章于 2023-04-20 15:22:46 发布

认真学java的秃头小白

最新推荐文章于 2023-04-20 15:22:46 发布

阅读量267

点赞数

分类专栏： java习题文章标签： javascript

本文链接：https://blog.csdn.net/qq_45072449/article/details/116400534

版权

java习题专栏收录该内容

2 篇文章 0 订阅

订阅专栏

输入年、月、日求得这一年在这个日期的天数和：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" id="year" placeholder="请输入年份">
    <input type="text" id="month" placeholder="请输入月份">
    <input type="text" id="day" placeholder="请输入日期">
    <button id="btn">求天数</button>
</body>
<script>
    //获取标签
    var yearInput = document.getElementById("year");
    var monthInput = document.getElementById("month");
    var dayInput = document.getElementById("day");
    var btn = document.getElementById("btn");

    //点击事件
    btn.onclick = function() {
        //获取年月日的值
        var year = yearInput.value;
        var month = monthInput.value;
        var day = dayInput.value;
        //保存总天数的变量
        var days = 0;
        //定义一个保存月份天数的数组
        var months = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
        //判断闰年，如果是闰年，将2月份改为29天
        if (year % 400 == 0 || (year % 4 == 0 && year % 100 != 0)) {
            months[1] = 29;
        }
        //开启for循环，累加当月之前的所有月份的天数
        for (var i = 0; i < month - 1; i++) {
            days = days + months[i];
        }
        //累加当月天数
        days = days + Number(day);
        alert("您输入的日期在当年中为第" + days + "天");
    }
</script>
</html>