zoukankan      html  css  js  c++  java
  • ASP.NET JavaScript显示动态时间

    View Code
    1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
    2
    3  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    4
    5 <html xmlns="http://www.w3.org/1999/xhtml">
    6 <head runat="server">
    7 <title>ASP.NET JavaScript显示动态时间 </title>
    8 <%--JS代码--%>
    9 <script>
    10 function tick() {
    11 var hours, minutes, seconds, xfile;
    12 var intHours, intMinutes, intSeconds;
    13 var today, theday;
    14 today = new Date();
    15 function initArray(){
    16 this.length=initArray.arguments.length
    17 for(var i=0;i<this.length;i++)
    18 this[i+1]=initArray.arguments[i] }
    19 var d=new initArray(
    20 "星期日",
    21 "星期一",
    22 "星期二",
    23 "星期三",
    24 "星期四",
    25 "星期五",
    26 "星期六");
    27 theday = today.getYear()+"" + [today.getMonth()+1]+"" +today.getDate()+ d[today.getDay()+1];
    28 intHours = today.getHours();
    29 intMinutes = today.getMinutes();
    30 intSeconds = today.getSeconds();
    31 if (intHours == 0) {
    32 hours = "12:";
    33 xfile = "午夜";
    34 } else if (intHours < 12) {
    35 hours = intHours+":";
    36 xfile = "上午";
    37 } else if (intHours == 12) {
    38 hours = "12:";
    39 xfile = "正午";
    40 } else {
    41 intHours = intHours - 12
    42 hours = intHours + ":";
    43 xfile = "下午";
    44 }
    45 if (intMinutes < 10) {
    46 minutes = "0"+intMinutes+":";
    47 } else {
    48 minutes = intMinutes+":";
    49 }
    50 if (intSeconds < 10) {
    51 seconds = "0"+intSeconds+" ";
    52 } else {
    53 seconds = intSeconds+" ";
    54 }
    55 timeString = theday+xfile+hours+minutes+seconds;
    56 Clock.innerHTML = timeString;
    57 window.setTimeout("tick();", 100);
    58 }
    59 window.onload = tick;
    60 </script>
    61 </head>
    62 <body>
    63 <%--前台显示--%>
    64 <div id="Clock" align="center" style="font-size: 14px; color:#000000"></div>
    65 </body>
    66 </html>

    在客户端通过JS在前台显示动态时间,精确到秒实时更新。显示年、月、日、星期、早、中、晚、小时、分钟、秒。

  • 相关阅读:
    传Windows 9预览版今秋发布
    谷歌上市十周年 成长为全球第二大技术公司
    Twitter CEO:有望进军中国 不会改变原则
    免费获得NOD32 半年、1年 激活码-14.08.12到期
    卡巴斯基正式版2015 简体中文版已经发布
    Google 宣布支持中文邮箱地址
    图片:走进柯达电影胶片厂
    Microsoft Visual Studio Ultimate 2013 with Update 3 CN+EN
    DataFrame衍生新特征操作
    isolation forest进行异常点检测
  • 原文地址:https://www.cnblogs.com/hanwen/p/1970450.html
Copyright © 2011-2022 走看看