倒数计时器加快

2024-01-08

我有一个每秒倒计时的计时器。计时器用于游戏:用户最多有 15 秒的时间 回答问题。假设游戏有 10 个问题。计时器对于第一个问题非常有效 ,但是随后,每个问题的速度都会越来越快。任何建议都非常受欢迎。谢谢你!

代码在这里:

var timeInSecs;
var ticker;
function startTimer(secs) {
    timeInSecs = secs;
    ticker = setInterval("tick()", 1000); // every second
}
function tick() {
    var seconds = timeInSecs;
    if (seconds > 0) {
        timeInSecs--;
    }
    else if (seconds == 0) {
        document.getElementById("timeExpired").innerHTML = "Time expired!";
    }
    document.getElementById("countDown").innerHTML = seconds;
}
function myStopFunction() {
    clearInterval(ticker);
}​

else if(seconds==0)
        {
            // you should stop the timer here, and clear the interval
            myStopFunction();
            document.getElementById("timeExpired").innerHTML = "Time expired!";
        }

编辑:旁注

最好通过函数tick到间隔,而不是要评估的字符串。使用 eval 通常是一件危险的事情,而且效率较低。

setInterval(tick, 1000)

编辑:另一个旁注

您可以将 tick 函数编写得更简洁(并且无需额外的变量seconds)

    function tick(){
        document.getElementById("countDown").innerHTML = timeInSecs;
        if(! timeInSecs--){
            myStopFunction()                
            document.getElementById("timeExpired").innerHTML = "Time expired!";
        }
    }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

倒数计时器加快 的相关文章

  • angularjs:如何向资源对象添加缓存?

    在 http 中添加缓存非常简单 通过传递cache true http docs angularjs org api ng http https docs angularjs org api ng service 24http有缓存选项
  • chrome 调试器承诺在暂停时不会解析?

    也许我没有正确调试承诺 但基本上 如果您在断点处停止并运行异步代码 它实际上不会完成 直到您恢复执行为止 这是一个问题 调试器允许您快速试验多个 api 方法 但如果您恢复它 您就不能 debugger now type the follo
  • 如何通过单击图像预览上的“x”从文件输入中删除图像?

    我目前有一个文件输入 一旦用户上传图像 就会显示图像预览 在图像预览上 有一个 x 可以从列表中删除图像预览 单击此 x 后 有什么方法可以从输入中的文件集中删除图像吗
  • 如何将udp发送到udp node.js服务器?

    我对此很陌生 所以我真的不知道我在做什么 但我已经设置了一个 node js udp 服务器 我想从客户端 来自网站 向它发送一个数据包 但我不知道如何在 javascript 中做到这一点 或者是否可能 我不是在研究如何从 Node js
  • VBA / HTML / jQuery 选择自动完成 - 在列表中选择

    我正在尝试使用 Excel 中的 VBA 在网站的列表中选择一个值 这不是一个 正常列表 该网站使用 jQuery 选择自动完成 如下所示 example http davidwalsh name demo jquery chosen ph
  • 如何使用canvas.toDataURL()将画布保存为图像?

    我目前正在构建一个 HTML5 Web 应用程序 Phonegap 本机应用程序 我似乎不知道如何将画布保存为图像canvas toDataURL 有人可以帮我吗 这是代码 有什么问题吗 我的画布被命名为 canvasSignature J
  • 如何使用 jest 模拟第三方库

    我正在开发一个node js应用程序使用nestjs我有一堂课叫LoggerService如下 export class LoggerService private logger Rollbar constructor this logge
  • jquery window.open 在 ajax 成功中被阻止

    尝试在我的 ajax 成功调用中打开一个新的浏览器窗口 但是 它被阻止为弹出窗口 我做了一些搜索 发现用户事件需要绑定到 window open 才能避免这种情况发生 我还找到了这个解决方案 您可以在 ajax 之前打开一个空白窗口 然后在
  • 通过 node-http-proxy 保留基于 cookie 的会话

    我有一个简单的基于 Express 的 Node js Web 服务器 用于开发 JavaScript 应用程序 我将服务器设置为使用 node http proxy 来代理应用程序向在不同域和端口上运行的 Jetty 服务器发出的 API
  • 如果链接包含特定文本,jQuery 将类添加到 href

    我的网站上的列表中有一些动态填充的链接 这些链接链接到文件 是否可以使用 jQuery 查看文件名是否以 pdf 结尾 并在 href 或类似的链接文本以 mp3 结尾时添加一个类 例如 我的列表中有以下链接 文件1 pdf 歌曲1 mp3
  • 使用 JS 合并具有相同值的相邻 HTML 表格单元格

    我已经为此苦苦挣扎了一段时间 我有一个根据一些 JSON 数据自动生成的表 该数据可能会有所不同 我想合并第一列中具有相同值的相邻单元格 例如此表中的 鱼 和 鸟 table tr td fish td td salmon td tr tr
  • 单击关闭按钮后不显示 Google 一键登录 UI

    我正在尝试按照本指南使新的谷歌一键登录工作 https developers google com identity one tap web https developers google com identity one tap web
  • 将 javascript 整数转换为字节数组并返回

    function intFromBytes x var val 0 for var i 0 i lt x length i val x i if i lt x length 1 val val lt lt 8 return val func
  • Chartjs刻度标签位置

    尝试让 Y 轴刻度标签看起来像image https i stack imgur com XgoxX png 位于秤顶部且不旋转 缩放选项当前如下所示 scales yAxes id temp scaleLabel display true
  • 如何在jquery中获取保存时间和当前时间的差异?

    我想在 javascript 或 jquery 中获取保存时间和当前时间之间的时差 我节省的时间看起来像Sun Oct 24 15 55 56 GMT 05 30 2010 java中的日期格式代码如下 String newDate 201
  • JavaScript 代码在不使用 ActiveX 的情况下截取网站屏幕截图

    我有一个用户与之交互的 JavaScript 应用程序 我需要保存当前界面的外观 裁剪出我需要的部分 或者通过指定div只拍摄我需要的部分 然后发送回服务器 显然任何外部服务都无法做到这一点 我需要一个 JavaScript 或Flash
  • Nodejs mysql 获取正确的时间戳格式

    我在用着mysqljs https github com mysqljs mysql得到结果后sql我变得不同TimeStamp格式如下 created at Sat Jul 16 2016 23 52 54 GMT 0430 IRDT 但
  • 数据表日期范围过滤器

    如何添加日期范围过滤器 like From To 我开始进行常规搜索和分页等工作 但我不知道如何制作日期范围过滤器 我正在使用数据表 1 10 11 版本 My code var oTable function callFilesTable
  • 单击引导分页链接时调用 jquery 函数

    我想在单击引导分页链接时调用 jquery 函数 假设我想从第1页遍历到第2页 应该调用一个jquery函数 我正在使用以下代码 但它不起作用 ul pagination on click li function alert page ch
  • 在 GWT 中,在任何主机页标记上添加事件处理程序

    我想为任何标签添加 MouseOver 事件处理程序 举个例子 我想为旧版 HTML 页面中的每个锚点页面添加事件处理程序 继GWT指南 http code google com webtoolkit doc 1 6 DevGuideUse

随机推荐

  • 已为布局页面“~/Views/Shared/_Layout.cshtml”定义但未呈现部分:“head”

    我创建了一个新的 MVC4 互联网应用程序 我正在关注 ASP NET MVC4 in Action 这本书 本章是Ajax 是MVC 中的ASP NET 索引的视图是这样的 section head Scripts AjaxDemo js
  • Javascript onclick 函数被立即调用(不是在单击时调用)? [复制]

    这个问题在这里已经有答案了 我正在尝试创建一个链接 它看起来和感觉起来都像 a 标记项 但运行一个函数而不是使用 href 当我尝试将 onclick 函数应用于链接时 它会立即调用该函数 无论该链接从未被单击过 此后任何单击该链接的尝试都
  • Maven 中出现“需要 webxml 属性”错误

    我收到以下错误 组装 WAR 时出错 需要 webxml 属性 如果在更新模式下执行 则需要预先存在的 WEB INF web xml 我有web xml在正确的地方projectname src main webapp WEB INF w
  • Spring MVC 与 JPA 数据绑定

    我的问题是让 Spring 将从表单获取的数据绑定到 JPA 实体 奇怪的是 如果我不查看 BindingResults 它就可以正常工作 BindingResults 表示 当为字段毕业传入空字符串时 会出现绑定错误 但我知道它确实正确绑
  • 如何识别网站的字符编码?

    我正在尝试做的事情 我从数据库中获取 uri 列表并下载它们 删除停用词并计算这些词在网页中出现的频率 然后尝试保存在mongodb中 问题 当我尝试将结果保存到数据库中时出现错误 bson errors invalidDocument 文
  • Facebook Share 方法的引用参数不再起作用?

    根据 Facebook 开发文档 共享参数 quote 应插入文本 https developers facebook com docs sharing reference share dialog https developers fac
  • 如何在我的 Android 程序中获取我的 Android 设备名称?

    我通过命令行中的命令 adb devices 获取设备名称 现在我想在我的 Android 设备中获取名称 String serial null try Class
  • JwtSecurityToken 的日期与 SecurityTokenDescriptor 中的日期不同

    我正在实施 mechanizm 来管理我的应用程序中的令牌 并且 我使用这样的代码来创建 JwtSecurityToken var securityTokenDescriptor new SecurityTokenDescriptor Su
  • Resources.openRawResource() 问题 Android

    我有一个数据库文件res raw 文件夹 我正在打电话Resources openRawResource 文件名为R raw FileName我得到一个输入流 但我在设备中有另一个数据库文件 因此要将该数据库的内容复制到我使用的设备数据库
  • 如何修复 java.lang.SecurityException:未为此用户启用此 PhoneAccountHandle?

    我有下面给出的代码可以帮助我创建一个自我管理的连接服务 但这已经停止工作并出现此错误 java lang SecurityException 此用户未启用此 PhoneAccountHandle Code class CallManager
  • 无法调试 MVC2 项目中的视图,出现“找不到资源”错误

    我在 Win7 上运行 Visual Studio 2008 sp1 并安装了 MVC2 RTM 我使用向导创建了一个新的 MVC2 项目 但无法调试特定页面 借助 Webforms 甚至 MVC1 我可以坐在 视图 页面上 按 F5 然后
  • 在子图辅助 y 轴上设置 ylim

    我想使用辅助轴在子图中绘制数据 我可以设置 ylim 但它仅影响辅助 y 轴 右侧 我找不到控制主 y 轴 左侧 上的 ylim 的方法 我希望主 y 轴的限制为 0 40 辅助 y 轴的限制为 0 100 import matplotli
  • 是否可以在iOS或Android手机上直接访问无线电信号?

    我有兴趣直接访问 iOS 或 Android 手机设备中的无线电信号输入 输出 这可以是 WiFi 和 或蜂窝无线电信号 我想获得相当于数字示波器的数字轨迹 了解手机发出的无线电信号以及手机接收的无线电信号 最终 手机发送和接收无线电信号
  • Spring 3.1 不带参数的缓存抽象

    阅读有关新的内容缓存抽象 http blog springsource org 2011 02 23 spring 3 1 m1 caching 在 Spring 3 1 中 我想将此功能应用到我的项目中 我可以缓存对没有参数的方法的调用吗
  • 将 Bootstrap 容器设置为全高

    CSS html body width 100 height 100 left 0 top 0 bottom 0 margin auto font family Alef background 767E58 background size
  • 高度可变域中的不可变函数对象

    我目前正在业余时间使用 Scala 学习函数式编程 并且我有一个闲置的新手问题 在执行诸如计算 Haar 小波变换之类的操作时 即当对象表示的数据本身不发生变化时 我可以看到拥有不可变对象的优雅 但我看到一个博客 其中有人在演示不变性时以一
  • SQLAlchemy 并浏览大型结果集[重复]

    这个问题在这里已经有答案了 我需要从一个大表的所有行中读取数据 但我不想一次将所有数据提取到内存中 是否有 SQLAlchemy 函数可以处理分页 也就是说 将几行拉入内存 然后在需要时获取更多行 我知道你可以这样做limit and of
  • Node.js REPL 中的“_”(下划线)符号是什么意思?

    当我在 Node js 中玩一些代码时 我注意到了这一点 gt hello world padEnd 20 hello world gt hello world padEnd 20 hello worldhello wor 下划线符号在这里
  • 通过控制台应用程序使用 Kentico 7 API

    我通过控制台应用程序使用 Kentico API 7 有以下内容 String connectionString CMS DataEngine ConnectionHelper GetConnectionString MyConnStrin
  • 倒数计时器加快

    我有一个每秒倒计时的计时器 计时器用于游戏 用户最多有 15 秒的时间 回答问题 假设游戏有 10 个问题 计时器对于第一个问题非常有效 但是随后 每个问题的速度都会越来越快 任何建议都非常受欢迎 谢谢你 代码在这里 var timeInS