问一个AJAX的小问题
- C# code
//在页面上动态显示时钟的代码如下: 存在的问题是每过一秒就刷新一次页面,很难看,请问:如何用AJAX实现无刷新??<script type="text/javascript"> setInterval("aa.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date ().getDay());",1000);</script><td class="datebar" id="aa" align="left"> </td>[解决办法]
<script type="text/javascript" language="javascript">
function updateTime()
{
var label = document.getElementById('yourControlID');
if (label) {
var time = (new Date()).localeFormat("T");
label.innerHTML = time;
}
}
updateTime();
window.setInterval(updateTime, 1000);
</script>
在updatepanel里放置你的显示控件yourControlID
[解决办法]
//当页面加载时，取得当前服务器时间,然后自己加
<script>
var serverNow= new Date(<%=DateAndTime.Now().ToString("yyyy,M,dd,hh,mm,ss")%>);
alert(serverNow );
function showTime(){
timestr=serverNow.toLocaleString();
timestr=timestr.substr(timestr.indexOf(":")-2);//取得时间部分
document.getElementById("time_area").innerHTML = timestr;
serverNow.setSeconds(serverNow.getSeconds()+1);
window.setTimeout( "showTime()", 1000 );
}
</script>
<div id="time_area">
</div>
<script> showTime();</script>
[解决办法]
- HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <SCRIPT LANGUAGE="JavaScript"> <!-- function a() { var d=new Date(); document.getElementById("txtDate").value=d.getSeconds(); //1秒定时执行a脚本 setTimeout(a,1000) } window.onload=a; //--> </SCRIPT> </HEAD> <BODY> <INPUT TYPE="text" id="txtDate"> </BODY></HTML>