• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号
登陆 注册

ASP.NETJavaScript显示动态时间

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
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在前台显示动态时间，精确到秒实时更新。显示年、月、日、星期、早、中、晚、小时、分钟、秒。

鲜花
握手
雷人
路过
鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
More+
上一篇：
Asp.net设计模式笔记之二：应用程序分离与关注点分离发布时间：2022-07-10
下一篇：
【ASP.NET问题】IIS发布网站后出现“检测到在集成的托管管道模式下不适用的ASP.NET设 ...发布时间：2022-07-10
热门推荐
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服
地址：深圳市南山区西丽大学城创智工业园
电邮：jeky_zhao#qq.com
移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap