asp.net中实时动态时钟（ajax局部刷新显示服务器时间）
在ASP.NET中创建实时动态时钟，可以使用JavaScript结合ASP.NET的Web API来实现局部页面刷新。以下是一个简单的示例：
- 创建一个ASP.NET Web API控制器来返回当前服务器时间：
public class TimeController : ApiController
{
public string Get()
{
return DateTime.Now.ToString("HH:mm:ss");
}
}- 在HTML页面中，使用JavaScript来调用Web API并更新时钟：
<!DOCTYPE html>
<html>
<head>
<title>实时时钟</title>
<script type="text/javascript">
function updateClock() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
document.getElementById("serverTime").innerHTML = xhr.responseText;
}
};
xhr.open("GET", "/api/time", true);
xhr.send();
}
setInterval(updateClock, 1000); // 每秒钟发起一次AJAX请求更新时间
</script>
</head>
<body>
<h1>服务器时间: <span id="serverTime"></span></h1>
</body>
</html>在这个示例中，setInterval函数每隔1000毫秒（即每秒钟）调用updateClock函数，updateClock函数通过AJAX调用Web API接口获取服务器时间，并更新页面中serverTime元素的内容。这样就形成了一个实时更新的动态时钟。
评论已关闭