怎么在网页中实现动态显示时间?
我在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。
[解决办法]
蹭点分 呵呵
[解决办法]
[解决办法]
方法比较多
简单的有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时 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>