jquery 年月日星期是分秒時鐘--搜集

weixin_30877181

于 2010-12-28 11:22:00 发布

阅读量62

点赞数

CC 4.0 BY-SA版权

文章标签： javascript xhtml c# ViewUI

原文链接：http://www.cnblogs.com/xiachufeng/archive/2010/12/28/1918741.html

本文介绍了一种使用jQuery实现网页上实时时间显示的方法。通过设置定时器每秒更新页面上的时间显示，实现了包括星期、月份、日期、年份及具体时间（小时、分钟、秒）在内的完整时间格式展示。

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

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="jqgrid_Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>未命名頁面</title>

    <script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
    <script type="text/javascript">
    $(function(){
      setInterval("GetTime()",1000);
    })

    function GetTime()
    {
      var mon,day,now,hour,min,ampm,time,str,tz,end,beg,sec;
      mon=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
      day=new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat");
      now=new Date();
      hour = now.getHours();
      min = now.getMinutes();
      sec = now.getSeconds();
      if(hour<10)
      {
         hour="0"+hour;
      }
      if(min<10)
      {
            min="0"+min;
      }
      if(sec<10)
      {
         sec="0"+sec;
      }
      $("#Timer").html("<nobr>"+day[now.getDay()]+", "+mon[now.getMonth()]+" "+now.getDate()+", "+now.getFullYear() +" "+hour+":"+min+":"+sec+"</nobr>");
    }
    </script>

</head>
<body>
    <form id="form1" runat="server">
        <div>
            <div style="background: pink; width:200px;" id="Timer">
            </div>
        </div>
    </form>
</body>
</html>

转载于:https://www.cnblogs.com/xiachufeng/archive/2010/12/28/1918741.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。