jquery显示当前时间

最新推荐文章于 2022-06-08 16:22:29 发布

小马奔腾儿

最新推荐文章于 2022-06-08 16:22:29 发布

阅读量582

点赞数

文章标签： jquery timer function string date class

本文链接：https://blog.csdn.net/woshimajinshan/article/details/8097804

版权

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html class="no-js">
<head>
        <meta charset="UTF-8">
        <title>当期时间</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
 
</head>
<body>
     <p class="date">
        <strong id="Y"></strong>
        <strong id="MH"></strong>
        <strong id="TD"></strong>
        <strong id="D"></strong>
        <strong id="H"></strong>:
        <strong id="M"></strong>:
        <strong id="S"></strong>
     </p>  
 
    <script type="text/javascript">
                                $(document).ready(function(){

                                        setInterval(showTime, 1000);                                
                                        function timer(obj,txt){
                                                        obj.text(txt);
                                        }        
                                        function showTime(){                                
                                                var today = new Date();
                                                var weekday=new Array(7)
                                                weekday[0]="星期一"
                                                weekday[1]="星期二"
                                                weekday[2]="星期三"
                                                weekday[3]="星期四"
                                                weekday[4]="星期五"
                                                weekday[5]="星期六"
                                                weekday[6]="星期日"                                        
                                                var y=today.getFullYear()+"年";
                                                var month=today.getMonth()+"月";
                                                var td=today.getDate()+"日";
                                                var d=weekday[today.getDay()];
                                                var h=today.getHours();
                                                var m=today.getMinutes();
                                                var s=today.getSeconds();        
                                                timer($("#Y"),y);
                                                timer($("#MH"),month);        
                                                timer($("#TD"),td);        
                                                timer($("#D"),d);
                                                timer($("#H"),h);
                                                timer($("#M"),m);
                                                timer($("#S"),s);
                                        }        
                                })
    </script>
</body>
</html>