jsp页面动态展示时间（年-月-日时:分:秒）

难过的风景

于 2018-11-09 09:14:04 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：教学笔记文章标签：时间 jsp javascript js html

本文链接：https://blog.youkuaiyun.com/wazk2008/article/details/83892409

教学笔记专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一个简单的JavaScript脚本，用于在网页上实时显示当前时间。通过设置定时器每秒更新时间，实现时间的动态显示。代码中包含了日期格式化处理，确保时间的正确展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%--<%@ taglib uri="/struts-tags" prefix="s"%>--%>
<html>
<head>
<script>
    window.onload = function() {
        //定时器每秒调用一次fnDate()
        setInterval(function() {
            fnDate();
        }, 1000);
    }
    //js 获取当前时间
    function fnDate() {
        var oDiv = document.getElementById("div1");
        var date = new Date();
        var year = date.getFullYear();//当前年份
        var month = date.getMonth();//当前月份
        var data = date.getDate();//天
        var hours = date.getHours();//小时
        var minute = date.getMinutes();//分
        var second = date.getSeconds();//秒
        var time = year + "-" + fnW((month + 1)) + "-" + fnW(data) + " "
                + fnW(hours) + ":" + fnW(minute) + ":" + fnW(second);
        oDiv.innerHTML = time;
    }
    //补位 当某个字段不是两位数时补0
    function fnW(str) {
        var num;
        str >= 10 ? num = str : num = "0" + str;
        return num;
    }

    
</script>
</head>
<body>
    <div id="div1" style="margin-right: 20px;"> </div>
</body>
</html>

当需要使用的时候只需引入当前jsp文件<jsp：include page =“/ time.jsp”/>即可。