当前位置：首页 > 行业动态 > 正文

html5如何获取当天日期时间

admin
行业动态
2024-03-30
2226

要获取当天日期时间，可以使用HTML5中的JavaScript，下面是详细的步骤和小标题：

1、使用<script>标签引入JavaScript代码：

<script>
    // JavaScript代码将在这里执行
</script>

2、创建一个函数来获取当天日期和时间：

function getCurrentDateTime() {
    var currentDate = new Date(); // 创建一个新的Date对象，表示当前日期和时间
    var year = currentDate.getFullYear(); // 获取年份
    var month = currentDate.getMonth() + 1; // 获取月份（注意月份是从0开始的，所以需要加1）
    var day = currentDate.getDate(); // 获取日期
    var hours = currentDate.getHours(); // 获取小时数（24小时制）
    var minutes = currentDate.getMinutes(); // 获取分钟数
    var seconds = currentDate.getSeconds(); // 获取秒数
    // 格式化输出日期和时间
    var formattedDateTime = year + "" + month + "" + day + " " + hours + ":" + minutes + ":" + seconds;
    return formattedDateTime;
}

3、调用函数并显示结果：

document.write(getCurrentDateTime()); // 在网页上显示当前日期和时间

完整的HTML代码如下所示：

<!DOCTYPE html>
<html>
<head>
    <title>获取当天日期时间</title>
</head>
<body>
    <h1>当天日期时间</h1>
    <p id="dateTime"></p>
    <script>
        function getCurrentDateTime() {
            var currentDate = new Date(); // 创建一个新的Date对象，表示当前日期和时间
            var year = currentDate.getFullYear(); // 获取年份
            var month = currentDate.getMonth() + 1; // 获取月份（注意月份是从0开始的，所以需要加1）
            var day = currentDate.getDate(); // 获取日期
            var hours = currentDate.getHours(); // 获取小时数（24小时制）
            var minutes = currentDate.getMinutes(); // 获取分钟数
            var seconds = currentDate.getSeconds(); // 获取秒数
            // 格式化输出日期和时间
            var formattedDateTime = year + "" + month + "" + day + " " + hours + ":" + minutes + ":" + seconds;
            return formattedDateTime;
        }
        document.getElementById("dateTime").innerHTML = getCurrentDateTime(); // 在网页上显示当前日期和时间
    </script>
</body>
</html>