javascript/jquery 倒计时器与 JSfiddle 示例?

2023-12-13

我正在构建一些东西,其中之一是倒计时器,倒计时永远不会超过一个小时,所以我需要做的就是倒计时分钟和秒。

我已经部分工作了,但问题出在前导零上。我让它在几秒钟内工作,但不能在几分钟内工作。

看看我的例子http://jsfiddle.net/cgweb87/GHNtk/

JavaScript

setInterval(function() {
var timer = $('span').html();
timer = timer.split(':');
var minutes = timer[0];
var seconds = timer[1];
seconds -= 1;
if (minutes < 0) return;
if (minutes < 10 && length.minutes != 2) minutes = '0' + minutes;
if (seconds < 0 && minutes != 0) {
    minutes -= 1;
    seconds = 59;
}
else if (seconds < 10 && length.seconds != 2) seconds = '0' + seconds;
    $('span').html(minutes + ':' + seconds);
}, 1000);

HTML

<span>10:10</span>

我想要发生的是倒计时器可以在 1 小时以内的任何地方开始,它将以前导零倒计时,即采用这种格式;

08:49 46:09

当到达倒计时时,只需显示:

00:00

感谢您的任何意见,我不想使用插件,我想学习它。


setInterval返回您稍后可以使用的身份clearInterval:

var interval = setInterval(function() {
    /* snip */
    $('span').html(minutes + ':' + seconds);

    if (parseInt(minutes, 10) == 0 && parseInt(seconds, 10) == 0)
        clearInterval(interval);
}, 1000);

而且,为了避免不断增加的分钟数——00000001:42- 任何一个:

  1. change length.minutes to minutes.length在你的前缀测试中。
  2. 检索时将值转换为 Numbers --var minutes = parseInt(timer[0], 10);——然后测试一下if (minutes < 10) ....

采用选项#2,更新如下:http://jsfiddle.net/BH8q9/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

javascript/jquery 倒计时器与 JSfiddle 示例? 的相关文章

随机推荐

  • CSS 规范中的哪里规定了如何处理具有相同名称的多个属性?

    调试中另一个问题 我想确认我已经正确理解浏览器应该如何处理像这样的声明 background image url image0 jpg background image image set url image1 jpg 1x url ima
  • 使用 ggplot2 将注释放置在绘图中心

    我想在几个 ggplot 对象的中心放置一个注释 我研究并发现了一些类似的问题 例如这里 ggplot2中geom text的相对定位 到目前为止 我找到的唯一答案是操纵绝对范围 例如 y ymax 2 我想在打印到 pdf 之前在循环中添
  • Log4j,将 Web 应用程序配置为使用相对路径

    我有一个 java web 应用程序 必须部署在 Win 或 Linux 计算机上 我现在想添加 log4j 进行日志记录 并且想使用日志文件的相对路径 因为我不想在每次部署时更改文件路径 该容器很可能是 Tomcat 但也不一定 这样做的
  • 指针和字符串文字

    我多次看到以下言论 char ch Hello cout lt
  • 使用哪个 Android 控件?

    我正在迈出 Android 编程的第一步 我的应用程序是在数据库中创建条目 对于此任务 我创建了一个新的活动 一切都很好 但我不太喜欢它的样子 Currently the emulator shows this 我想要一些类似于 新联系人
  • 是扩展“语法”还是扩展“运算符”?

    我听说 两者都称为 传播 syntax 和 传播operator 后者更受欢迎 相关网址MDN 文档表明它最初被称为传播operator但后来改为扩展语法 并且MDN 的运营商列表没有提到它 谷歌似乎建议了这个词operator更受欢迎和接
  • 如何在 Jlist 中添加两列?

    我找到了双JList示例代码 但我需要在一个Jlist 如何在一个表格中添加两列Jlist 我尝试使用ListCellRenderer 但我未能向模型添加元素 Here s代码显示在带有图像的网页中 你的意思是这样的吗 我首先要通读一下如何
  • Elastic Search 忽略映射并且长字段显示为字符串

    我正在向 elasticsearch 添加一个架构 并在该架构中尝试添加一些先前已作为字符串处理的长字段 我创建了一个新索引并重新处理了数据 但在新索引中这些字段仍然显示为字符串 来自索引端点的映射的相关部分 image features
  • 如何从后台弹出片段

    我有一个活动 A 它调用片段 Bf 它又调用片段 Cf 我希望在调用 Cf 时将 Bf 放置在后台堆栈中 以便用户可以导航回它 但是 如果在 Cf 中按下特定按钮 我希望 Bf 从返回堆栈中删除 这可能吗 我看到有一个 popBackSta
  • WCF:数据契约正在转换为消息契约

    我的 WCF 服务导出单个操作 标记有捕获所有操作和回复操作 以便它代表服务的公共入口点 ServiceContract public interface IService OperationContract Action ReplyAct
  • 扩展克隆表行功能 - 更改行 ID

    我有这个小提琴 http jsfiddle net radi8 EwQUW 33 请注意 初始表的定义是 table class reference width 100 border 1 align left thead tr th wid
  • 用户编写的函数内的 purrr + dplyr NSE 问题

    经过大量的试验和错误并咨询以前的答案 例如如何检测是否是裸变量或字符串我想我已经自己完成了大部分需要做的事情 但我渴望了解在将我的 解决方案 投入生产之前我是否做出了一些错误的假设或愚蠢地处理问题 考虑以下数据 library dplyr
  • lapply / R 中的承诺

    我不确定 R 中的承诺在做什么 如果一个人跑 a lapply seq len 2 function n function n b lapply seq len 2 function n n 我们可以看到 a 1 2 b 1 1 据我所知
  • 如何安全输出包含 HTML 标签的内容?

    我有一个博客系统 用户必须将内容输入到html文本区域 包括html标签 例如 p 这存储在数据库中 如果此输入随后使用 php 回显到网页 我如何转义输出以防止 XSS 但保留 html 标记的含义 以便博客文章的格式正确 如果我使用ht
  • 碰撞检测:圆形物体

    我正在开发一个 Java 游戏 但开发语言并不重要 其中包括球或冰球等圆形物体 现在正在处理碰撞 我使用计时器 因此在每一帧中我都会检查是否发生碰撞 这是一个代表对象右上角部分的图表 对象的中心由点 0 0 表示 半径为10px 单位为像素
  • 如何在 C# 中验证是否已连接到 MySQL 数据库?

    我在 C 中添加了 MySQL 服务器的参考 我以为我的代码是对的 我知道连接值适合测试 这是我的错误 建立与 SQL Server 的连接时发生网络相关或特定于实例的错误 找不到服务器或无法访问服务器 请验证实例名称是否正确以及 SQL
  • 如何在 php 中使用 fetchAll?

    我正在使用此语句来获取数据库中列中的元素 result stmt gt fetchAll PDO FETCH COLUMN 0 但我在尝试运行它时收到此错误 调用未定义的方法mysqli stmt fetchAll 我需要在 php 文件中
  • 覆盖 Yii2 Swiftmailer 收件人

    我需要覆盖 Swiftmailer 的每个实例的收件人电子邮件send 在我的 Yii2 应用程序中运行 这是为了负载测试的目的 是否有捷径可寻 或者至少有一种无需编辑 Swiftmailer 的供应商文件即可做到这一点的方法 如果这只是为
  • 在 jFreeCharts 中垂直显示堆叠条形图的列键

    我正在使用 jfreecharts 开发 javaEE 应用程序 我使用 stackedBarChart 成功显示了数据 但列键 Y 轴标签 未完全显示 因为它们太大 我怎样才能垂直显示它们 谢谢你的建议 您可以使用setCategoryL
  • javascript/jquery 倒计时器与 JSfiddle 示例?

    我正在构建一些东西 其中之一是倒计时器 倒计时永远不会超过一个小时 所以我需要做的就是倒计时分钟和秒 我已经部分工作了 但问题出在前导零上 我让它在几秒钟内工作 但不能在几分钟内工作 看看我的例子http jsfiddle net cgwe