首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

如何在网页中实现动态显示时间

2012-06-13 
怎么在网页中实现动态显示时间?我在Page_Load事件中定义了三个Label;Label1用于存放游客进入页面的时间;ob

怎么在网页中实现动态显示时间?
我在Page_Load事件中定义了三个Label;

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



[解决办法]
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);

}
[解决办法]
需要一个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();
}



[解决办法]
用了asp.net丢弃JAVASCRIPT了?干嘛不在aspx文件里写JS呢?
[解决办法]
当然是JS了,网上找找。一对的时间显示控件。如果需要读服务器时间,Ajax。
[解决办法]
蹭点分 呵呵
[解决办法]

探讨
用了asp.net丢弃JAVASCRIPT了?干嘛不在aspx文件里写JS呢?

[解决办法]
方法比较多

简单的有Flash或者Js
[解决办法]
JScript code
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); }
[解决办法]
一楼正解,放在客户端,不占用服务器资源
[解决办法]
JScript code
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); }
------解决方案--------------------


帮顶一下
[解决办法]
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); 

}
[解决办法]
修改一个小地方:

HTML code
<%@ 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时&nbsp;&nbsp;0分&nbsp;&nbsp;" + second + "秒";                    }                    else {                        document.getElementById("time3").innerHTML = "在线时间: 0时&nbsp;&nbsp;" + minute + "&nbsp;&nbsp;分&nbsp;&nbsp;" + second + "秒";                    }                }                else {                    if (minute == "0") {                        document.getElementById("time3").innerHTML = "在线时间: " + hour + "时&nbsp;&nbsp;0&nbsp;&nbsp;分&nbsp;&nbsp;" + second + "秒";                    }                    else {                        document.getElementById("time3").innerHTML = "在线时间: " + hour + "时&nbsp;&nbsp;" + minute + "&nbsp;&nbsp;分&nbsp;&nbsp;" + 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> 

热点排行