求助,怎么在页面有一个LABLE标签做一个显示时间(天数、时、分、秒),其中秒数要不停的变。
这个怎么做呢??????
这个怎么做呢??????
解决方案 »
- 为什么我网站项目不能创建新文件?
- sqlserver数据同步的问题(地区数据库和中心数据库)
- utf8转gb2312的问题
- 初学asp.net的可以来看看
- 请问,我的网站要实现客户短信购买网站的某种服务(比如我们通过移动发送短信购买瑞星的杀毒包月服务)来盈利,我需要做哪些工作?
- 在前端脚本块中如何捕捉页面回发和加载事件
- visual studil.net软件安装的问题,我今天安装了很多次了,老是提示错误,求大家帮帮忙!
- 如何获取DataList中模板列Item Template的LinkButton的值?谢谢!
- 跪求一sql语句:查询sql数据表的字段的备注内容
- 提交的表单.NAME值是数组形式的.怎么获取?
- 关于asp.net中aspx页面的邮箱快速登录
- 用浏览器访问系统的问题
{
var now = new Date();
var h = now.getHours();
var m = now.getMinutes();
var s = now.getSeconds();
var m2="";
var s2="";
if(m<10)m2="0"+m;
else m2=m;
if(s<10)s2="0"+s;
else s2=s;
var txt = h+":"+m2+":"+s2;
var p = document.getElementById("lbl");
p.InnerHtml="现在时刻:"+txt;
setTimeout("showtime()",1000);
}
<body onload="showtime()">
或在timer中实现
private void timer1_Tick(object sender, EventArgs e)
{}
{
lable1.txt=DateTime.Now.ToString("yyyy年MM月dd日 hh:mm:ss").toString();
}
需要服务器时间显示的话,还是得从服务器上去取时间,然后再用上面的JS本地进行settimeout。
用javascript是可以更新时间,不过是本地的。为了与服务器同步,应该用服务器时间进行初始化。
但是要注意.net和javascript的计时零点是不同的。
private void timer1_Tick(object sender, EventArgs e)
{
Label1.Text= DateTime.Now.ToString("yyyy年MM月dd日 hh:mm:ss");
}
还要设置timer1间隔时间为1秒
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS JavaScript 显示动态更新时间</title>
</head><body>
<Script language="JavaScript"> <!--
var enabled = 0;
today = new Date();
var day;
var date;
if(today.getDay()==0)
day = "星期日";
if(today.getDay()==1)
day = "星期一 ";
if(today.getDay()==2)
day = "星期二 ";
if(today.getDay()==3)
day = "星期三 ";
if(today.getDay()==4)
day = "星期四 ";
if(today.getDay()==5)
day = "星期五 ";
if(today.getDay()==6)
day = "星期六 ";
document.fgColor = " FF0072";
date1 =(today.getYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日 " ;
date2 = day ;
document.write(date1.fontsize(2));
document.write(date2.fontsize(2));
document.write("<span id='clock'></span>");
var now,hours,minutes,seconds,timeValue;
function showtime(){
now = new Date();
hours = now.getHours();
minutes = now.getMinutes();
seconds = now.getSeconds();
timeValue = (hours >= 12) ? "下午 " : "上午 ";
timeValue += hours+ ":";
timeValue += ((minutes < 10) ? "0" : "") + minutes + ":";
timeValue += ((seconds < 10) ? "0" : "") + seconds + "";
clock.innerHTML = timeValue;
setTimeout("showtime()",100);
}
showtime();
-->
</Script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
</head>
<script type="text/javascript">
function aa(){
var obj = document.getElementById("testBox");
var intA = parseInt(obj.value);
obj.value = intA + 1;
}
function test(){
setInterval("aa()",1000);
}
</script>
<body>
<div>
<input type="textbox" id="testBox" value=""/>
<input type="button" value="点我" onclick="test()"/>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS JavaScript 显示动态更新时间</title>
</head><body>
<Script language="JavaScript"> <!--
var enabled = 0;
today = new Date();
var day;
var date;
if(today.getDay()==0)
day = "星期日";
if(today.getDay()==1)
day = "星期一 ";
if(today.getDay()==2)
day = "星期二 ";
if(today.getDay()==3)
day = "星期三 ";
if(today.getDay()==4)
day = "星期四 ";
if(today.getDay()==5)
day = "星期五 ";
if(today.getDay()==6)
day = "星期六 ";
document.fgColor = " FF0072";
date1 =(today.getYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日 " ;
date2 = day ;
document.write(date1.fontsize(2));
document.write(date2.fontsize(2));
document.write("<span id='clock'></span>");
var now,hours,minutes,seconds,timeValue;
function showtime(){
now = new Date();
hours = now.getHours();
minutes = now.getMinutes();
seconds = now.getSeconds();
timeValue = (hours >= 12) ? "下午 " : "上午 ";
timeValue += hours+ ":";
timeValue += ((minutes < 10) ? "0" : "") + minutes + ":";
timeValue += ((seconds < 10) ? "0" : "") + seconds + "";
clock.innerHTML = timeValue;
setTimeout("showtime()",100);
}
showtime();
-->
</Script>
</body>
</html>这个不错
但要知道js是显示的是客户端时间!!
要显示服务端时间要用AJAX加Timer,
楼上都说了js的客户端时间,我贴点服务端时间代码页面的html代码:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Timer ID="Timer1" runat="server" Interval="1000" ontick="Timer1_Tick">
</asp:Timer>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
</body>
</html>c#的后台代码:
protected void Timer1_Tick(object sender, EventArgs e)
{
UpdatePanel1.Update();
Label1.Text = DateTime.Now.ToString();
}
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS JavaScript 显示动态更新时间</title>
</head><body>
<Script language="JavaScript"> <!--
var enabled = 0;
today = new Date();
var day;
var date;
if(today.getDay()==0)
day = "星期日";
if(today.getDay()==1)
day = "星期一 ";
if(today.getDay()==2)
day = "星期二 ";
if(today.getDay()==3)
day = "星期三 ";
if(today.getDay()==4)
day = "星期四 ";
if(today.getDay()==5)
day = "星期五 ";
if(today.getDay()==6)
day = "星期六 ";
document.fgColor = " FF0072";
date1 =(today.getYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日 " ;
date2 = day ;
document.write(date1.fontsize(2));
document.write(date2.fontsize(2));
document.write("<span id='clock'></span>");
var now,hours,minutes,seconds,timeValue;
function showtime(){
now = new Date();
hours = now.getHours();
minutes = now.getMinutes();
seconds = now.getSeconds();
timeValue = (hours >= 12) ? "下午 " : "上午 ";
timeValue += hours+ ":";
timeValue += ((minutes < 10) ? "0" : "") + minutes + ":";
timeValue += ((seconds < 10) ? "0" : "") + seconds + "";
clock.innerHTML = timeValue;
setTimeout("showtime()",100);
}
showtime();
-->
</Script>
</body>
</html>
有一个问题,这些编程代码为什么要写在源里呢???
还有TIMER控件我找不到?在那里呢?
2.TIMER控件在工具箱的AJAX Exextensions中!
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
</head>
<script type="text/javascript">
function optSrc(src){
var intI = parseInt(src,10);
intI = intI + 1;
if(intI == 60){
return "00"
}
if(intI < 10){
return ("0" + intI);
}
return intI;
}
function aa(){
var objS = document.getElementById("secLbl");
var objM = document.getElementById("minLbl");
var objH = document.getElementById("hourLbl");
objS.innerHTML = optSrc(objS.innerHTML);
if(objS.innerHTML == "00"){
objM.innerHTML = optSrc(objM.innerHTML)
if(objM.innerHTML == "00"){
objH.innerHTML = optSrc(objH.innerHTML)
}
}
}
function startOpt(){
setInterval("aa()",1000);
}
function endOpt(){
location.reload();
}
</script>
<body>
<div>
<label id="dateLbl" style="width:80px">20100325</label> :
<label id="hourLbl" style="width:24px">12</label> :
<label id="minLbl" style="width:24px">59</label> :
<label id="secLbl" style="width:24px">58</label>
<input type="button" value="开始计时" onclick="startOpt()"/>
<input type="button" value="停止" onclick="endOpt()"/>
</div>
</body>
</html>
具体的操作方法是:
拖一个JavaScriptManager
在里面拖入一个UpdatePanel。在放入一个Timer。在根据你的需要修改Timer的属性,在Timer的InterVal属性修改为1000,在Timer的Tick时间中给Lable赋值。
你学知识是这样的吗,连ABC都还没下功夫去记,就想考托福?
哪一本asp.net的入门书不介绍Label、Timer?
做学问也要踏实的嘛