怎么在网页中实现动态显示时间？

Zdystudent 2009-02-07 04:36:20
我在Page_Load事件中定义了三个Label；

Label1用于存放游客进入页面的时间；
object currentTime=System.DateTime.Now;
Label1.Text =currentTime.ToString();
Label2想用于动态显示当前的系统时间；
Label3想用与显示游客进入了多长时间；
可是，Label2和Label3的代码写不出来，帮帮忙。
还有，有人跟我说不能用控件的方式显示时间，这样会加重服务器端的负担，那要怎么弄，
麻烦写个代码给我，研究，研究，谢谢...

...全文
920 21 打赏 收藏 转发到动态 举报
写回复
用AI写文章
21 条回复
切换为时间正序
请发表友善的回复…
发表回复
lijie618LOVE26976 2012-06-11
  • 打赏
  • 举报
 回复
一楼的，怎么与文本框连接起来啊
我姓区不姓区 2009-02-08
  • 打赏
  • 举报
 回复 


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>



<!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>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <span id="time1"></span>

        <br />

        <span id="time2"></span>

        <br />

        <span id="time3"></span>



        <script type="text/javascript">

            var CallTimeLen = "0";

            var start = false;

            function showTime() {

                var now = new Date();

                var year = now.getYear();

                var month = now.getMonth() + 1;

                var day = now.getDate();

                var hours = now.getHours();

                var minutes = now.getMinutes();

                var seconds = now.getSeconds();

                var hour = "0";

                var minute = "0";

                var second = "0";

                CallTimeLen = parseInt(CallTimeLen) + 1;

                hour = parseInt(CallTimeLen / 3600);

                minute = parseInt(CallTimeLen / 60);

                second = CallTimeLen % 60 - 1;

                document.getElementById("time2").innerHTML = year + "年" + month + "月" + day + "日 " + hours + "时" + minutes + "分" + seconds + "秒";

                if (second == "0") {

                    if (minute == "0") {

                        document.getElementById("time3").innerHTML = "在线时间: 0时  0分  " + second + "秒";

                    }

                    else {

                        document.getElementById("time3").innerHTML = "在线时间: 0时  " + minute + "  分  " + second + "秒";

                    }

                }

                else {

                    if (minute == "0") {

                        document.getElementById("time3").innerHTML = "在线时间: " + hour + "时  0  分  " + second + "秒";

                    }

                    else {

                        document.getElementById("time3").innerHTML = "在线时间: " + hour + "时  " + minute + "  分  " + second + "秒";

                    }

                }

                var timeID = setTimeout(showTime, 1000);



            }

            window.onload = function() {

                var now = new Date();

                var year = now.getYear();

                var month = now.getMonth() + 1;

                var day = now.getDate();

                var hours = now.getHours();

                var minutes = now.getMinutes();

                var seconds = now.getSeconds();

                document.getElementById("time1").innerHTML = year + "年" + month + "月" + day + "日 " + hours + "时" + minutes + "分" + seconds + "秒";

                showTime();

            }

        </script>



    </div>

    </form>

</body>

</html>
hongmaohouzi 2009-02-08
  • 打赏
  • 举报
 回复
function showLeftTime()

{

var now=new Date();

var year=now.getYear();

var month=now.getMonth();

var day=now.getDate();

var hours=now.getHours();

var minutes=now.getMinutes();

var seconds=now.getSeconds();

document.all.show.innerHTML=""+year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+"";

//一秒刷新一次显示时间

var timeID=setTimeout(showLeftTime,1000);

}
jlj84237485 2009-02-08
  • 打赏
  • 举报
 回复
帮顶一下
freemeditator 2009-02-08
  • 打赏
  • 举报
 回复 
function showLeftTime() 



{ 



var now=new Date(); 



var year=now.getYear(); 



var month=now.getMonth(); 



var day=now.getDate(); 



var hours=now.getHours(); 



var minutes=now.getMinutes(); 



var seconds=now.getSeconds(); 



document.all.show.innerHTML=""+year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+""; 



//一秒刷新一次显示时间 



var timeID=setTimeout(showLeftTime,1000); 



}
shaily 2009-02-08
  • 打赏
  • 举报
 回复
一楼正解，放在客户端，不占用服务器资源
freemeditator 2009-02-08
  • 打赏
  • 举报
 回复 
function showLeftTime() 



{ 



var now=new Date(); 



var year=now.getYear(); 



var month=now.getMonth(); 



var day=now.getDate(); 



var hours=now.getHours(); 



var minutes=now.getMinutes(); 



var seconds=now.getSeconds(); 



document.all.show.innerHTML=""+year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+""; 



//一秒刷新一次显示时间 



var timeID=setTimeout(showLeftTime,1000); 



}
cs78799662 2009-02-08
  • 打赏
  • 举报
 回复
UP
shumark 2009-02-08
  • 打赏
  • 举报
 回复
方法比较多

简单的有Flash或者Js
ZJ159 2009-02-08
  • 打赏
  • 举报
 回复
顶
Zdystudent 2009-02-08
  • 打赏
  • 举报
 回复
javaScript真的有点忘记了诶？？
wangzhenyue 2009-02-08
  • 打赏
  • 举报
 回复
up
huming_h 2009-02-08
  • 打赏
  • 举报
 回复
顶。
我姓区不姓区 2009-02-08
  • 打赏
  • 举报
 回复
修改一个小地方:


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>



<!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>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <span id="time1"></span>

        <br />

        <span id="time2"></span>

        <br />

        <span id="time3"></span>



        <script type="text/javascript">

            var CallTimeLen = "0";

            var start = false;

            function showTime() {

                var now = new Date();

                var year = now.getYear();

                var month = now.getMonth() + 1;

                var day = now.getDate();

                var hours = now.getHours();

                var minutes = now.getMinutes();

                var seconds = now.getSeconds();

                var hour = "0";

                var minute = "0";

                var second = "0";

                CallTimeLen = parseInt(CallTimeLen) + 1;

                hour = parseInt(CallTimeLen / 3600);

                minute = parseInt(CallTimeLen / 60);

                second = CallTimeLen % 60 - 1;

                document.getElementById("time2").innerHTML = year + "年" + month + "月" + day + "日 " + hours + "时" + minutes + "分" + seconds + "秒";

                if (hour == "0") {

                    if (minute == "0") {

                        document.getElementById("time3").innerHTML = "在线时间: 0时  0分  " + second + "秒";

                    }

                    else {

                        document.getElementById("time3").innerHTML = "在线时间: 0时  " + minute + "  分  " + second + "秒";

                    }

                }

                else {

                    if (minute == "0") {

                        document.getElementById("time3").innerHTML = "在线时间: " + hour + "时  0  分  " + second + "秒";

                    }

                    else {

                        document.getElementById("time3").innerHTML = "在线时间: " + hour + "时  " + minute + "  分  " + second + "秒";

                    }

                }

                var timeID = setTimeout(showTime, 1000);



            }

            window.onload = function() {

                var now = new Date();

                var year = now.getYear();

                var month = now.getMonth() + 1;

                var day = now.getDate();

                var hours = now.getHours();

                var minutes = now.getMinutes();

                var seconds = now.getSeconds();

                document.getElementById("time1").innerHTML = year + "年" + month + "月" + day + "日 " + hours + "时" + minutes + "分" + seconds + "秒";

                showTime();

            }

        </script>



    </div>

    </form>

</body>

</html>
mzr_cj 2009-02-07
  • 打赏
  • 举报
 回复
[Quote=引用 4 楼 spyspy 的回复:]
用了asp.net丢弃JAVASCRIPT了？干嘛不在aspx文件里写JS呢？
[/Quote]

同意
zhang2006407022 2009-02-07
  • 打赏
  • 举报
 回复
蹭点分 呵呵
xxoo2007 2009-02-07
  • 打赏
  • 举报
 回复
当然是JS了，网上找找。一对的时间显示控件。如果需要读服务器时间，Ajax。
spyspy 2009-02-07
  • 打赏
  • 举报
 回复
用了asp.net丢弃JAVASCRIPT了？干嘛不在aspx文件里写JS呢？
zhouyongli41 2009-02-07
  • 打赏
  • 举报
 回复
路过~~~
ljhcy99 2009-02-07
  • 打赏
  • 举报
 回复
需要一个timer

timer 得enable=true。 interval设置一下，
timer 包含在ScriptManager 里
如
<asp:ScriptManager runat="server" id="ScriptManager1" />
<asp:UpdatePanel runat="server" id="UpdatePanel1"
UpdateMode="Conditional">
<contenttemplate>
<asp:Timer id="Timer1" runat="server"
Interval="120000"
OnTick="Timer1_Tick">
</asp:Timer>
</contenttemplate>
</asp:UpdatePanel>





protected void Timer1_Tick(object sender, EventArgs e)
{
this.Label2.Text = DateTime.Now.ToString();
this.Label3.Text = (Convert.ToDateTime(this.Label2.Text) - Convert.ToDateTime(this.Label1.Text)).ToString();
}


加载更多回复（1）
自动填充功能实现-- 实例源码
在描述中提到的“博客《自动填充功能实现》网页源程序”是指一篇关于如何实现自动填充功能的技术博客文章。博主harvic880925在CSDN（中国软件开发网络）上分享了详细的实现细节，并提供了相关的源代码供读者学习和...
11个震撼的javascript网页效果
4. **响应式图像**：JavaScript可以实现动态调整图像大小，适应不同设备屏幕，提高网页加载速度和用户体验，例如，picturefill库就是解决这个问题的一个好工具。 5. **时间线展示**：利用JavaScript，可以创建出...
1500个常用JavaScript特效
5. **字符排版**：JavaScript可以实现动态文字动画，如打字机效果、文字滚动、闪烁等，这些可以为网页增加趣味性。 6. **计算**：JavaScript可用于各种计算任务，比如数字计算、日期时间处理、表单验证等。例如，...
TimelineText
4. **JavaScript实现**：利用JavaScript解析数据，动态生成时间轴元素，并添加交互功能，如鼠标悬停显示详细信息，点击事件点弹出详情窗口等。 5. **优化与调试**：对时间轴的性能进行优化，确保在不同设备和浏览器...
程序员表白专用程序
在IT行业中，编程不仅仅是工作，有时它也可以成为表达情感的工具。"程序员表白专用程序"就是一个这样的创意项目，它利用JavaScript（简称JS）这门强大的前端编程语言来为程序员们提供一个独特的方式来向心仪的对象...
.NET社区

62,266

社区成员

668,981

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章