当前位置：文江博客话题详情

我应该使用 Ajax 计时器吗？

发布于 2024-08-23 08:11:27 字数 133 浏览 8 评论 0原文

我想在网站上有一个秒表，它可以在标签上显示运行时间，而无需重新加载页面。可以在客户端执行此操作吗？我应该使用 Ajax 计时器还是 .net 的其他计时器？

网站是用 C# 编写的。

一些链接或演示会非常有帮助！谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

空宴 2024-08-30 08:11:27

您可以使用 setTimeout 使用基本 JavaScript 来完成此操作：

var totalSeconds = 0

function stopwatch() {
    // increment the seconds
    totalSeconds++;

    // display the seconds to the user
    document.getElementById("<%=myLabel.ClientID%>").innerHTML = "You have spent " + totalSeconds + " on this page.";

    // wait a second and call the timer again
    setTimeout("stopwatch()", 1000);
}

// trigger the timer
timer();

更新：如果用户要在该页面上停留一段时间，您可能希望显示一条稍微对用户友好的消息，然后“您已在该页面上花费了 1000 秒”。这是一个快速的 JavaScript 函数，会将秒数转换为经过的时间。

You can do this with basic JavaScript using setTimeout:

var totalSeconds = 0

function stopwatch() {
    // increment the seconds
    totalSeconds++;

    // display the seconds to the user
    document.getElementById("<%=myLabel.ClientID%>").innerHTML = "You have spent " + totalSeconds + " on this page.";

    // wait a second and call the timer again
    setTimeout("stopwatch()", 1000);
}

// trigger the timer
timer();

Update: If the user is going to be on the page for a while you probably want to display a slightly more user-friendly message then "You have spent 1000 seconds on this page". Here's a quick JavaScript function that'll transform the seconds into time elapsed.

回复收藏 0 原文