- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我很难理解 JavaScript 中 setTimer 方法背后的逻辑。
<html><head>
<script>
function Timer () {
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
document.getElementById('show').innerHTML=h+":"+m+":"+s;
t = setTimeout("Timer()", 1000);
}
</script>
</head>
<body onload="Timer()">
<div id="show"></div>
</body></html>
setTimeout 用于延迟函数/方法的执行。那么为什么它被用在实时时钟中呢?
t = setTimeout("Timer()", 1000);
这部分令人困惑。
最佳答案
在经过一段时间后,时钟会递归地调用自身。
在JS中制作实时时钟是不可能的。由于 JS 引擎的工作方式,如果您输入 Timer
在一个循环中,要运行无限长的时间,您永远不会在屏幕上看到时间更新(因为直到函数完成并且程序中存在间隙之前,更改不会绘制到窗口)。另外,在这个无限循环中,不可能对页面做任何其他事情(甚至关闭它),因为 JS 一次只能做一件事,所以它无法监听用户的任何点击,直到它被点击为止。完成这个循环.......
这就是setTimeout
是为了。
Timer
是充当时钟的函数。里面Timer
函数,最后当所有工作完成后,它会告诉 setTimeout
等待 1 秒 (1000ms),然后调用名为 Timer
的函数.
Timer
恰好是同一个功能。但是setTimeout
不知道,也不关心。
t
在这种情况下基本上是无用的。 setTimeout
将返回一个号码——就像在医生办公室取号码一样。如果在执行此操作之前您决定退出,可以调用 clearTimeout(t);
并且它将跳过该调用(在这种情况下,它将停止调用时钟)。
这里有一些不好的做法,我认为我应该提及,以便您可以尽量不要在自己的实践中复制它们。
第一:通行证 setTimeout
对函数的引用,而不是字符串...
var runThisFunction = function () { console.log("It's the future!"); },
time_to_wait = 250;
// DON'T DO THIS
setTimeout( "runThisFunction()", 250 );
// DO THIS
setTimeout( runThisFunction, 250 );
不同之处在于 setTimeout
将通过 eval
运行该字符串,这可能是一个巨大的安全问题,具体取决于您想要做什么。
第二个问题是设置一个随机全局变量 t
... ...并希望以此作为解决方案。首先,几年后,JS 引擎将开始对那些做这些事情的人大喊大叫。其次,这是一个巨大的漏洞,因为该页面上任何应用程序的任何部分都可能会覆盖 t
,或者您可以依赖 t
在脚本的其他地方,但每 1000 毫秒,它就会被写入一个新数字。
相反,他们可能应该使用 Timer.start();
和Timer.stop();
设置。
关于JavaScript 设置超时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12445106/
wait() 和 wait(timeout) 之间有什么区别。无论如何 wait() 需要等待通知调用,但为什么我们有 wait(timeout)? 那么 sleep(timeout) 和 wait(
如何向以下脚本添加超时?我希望它将文本显示为“超时”。 var bustcachevar = 1 //bust potential caching of external pages after in
我正在使用 Firebase once() 方法来检索 React Native 移动应用中的值。问题是,如果手机离线,once() 永远不会返回。文档说 ref.off() 方法应该取消回调,但这似
我在一个表中有一个大型数据集(超过 200 万行,每行超过 100 列),存储在 cassandra 中,几个月前(也许是 2 个月?)我能够执行一个简单的命令来跟踪该表中的记录数量: SELECT
我使用 jquery 开发移动应用程序,下面是我的代码,当我向包含的页面添加 5 或 6 行时,一切正常。但如果我添加多行显示错误消息:Javascript 执行超时。 function succes
我正在使用一个 javascript 确认,它将在 15 分钟后重复调用。如果用户未选择确认框中的任何选项我会在等待 1 分钟后重定向他。如何实现这一目标?我的代码是这样的 var timeo
每次我在沙箱环境中运行这段代码时,我都会超时并最终崩溃。我已经通过多个 IDE 运行它,但仍然找不到任何语法错误。如果有人看到了我没有看到的东西,我将非常感谢您的意见。 //assign variab
更新联系人后我会显示一条消息,1500 毫秒后我会转到另一个页面。我是这样做的: onSubmit() { if (this.form.valid) {
从昨天开始,我拼命尝试使用最新版本的 PHPMailer 运行一个非常简单的电子邮件脚本。 最荒谬的是,同一个脚本在两台服务器上不起作用,但在另一台服务器上却起作用。 这是我的尝试(来自 PHPMai
我已阅读以下 2 篇文章并尝试实现相同的文章。 我的代码是这样的,超时发生在这里 HttpWebRequest wr = (HttpWebRequest)WebRequest.Create(url);
我正在尝试连接到 wsdl 服务, 但收到此错误: wsdl 错误:获取 http://api.didww.com/api/?wsdl - HTTP 错误: header 的套接字读取超时 本地没有问
我在使用 Ansible 的 CentOs7 实例上从 Artifactory 下载 jar 文件时遇到问题。这是我第一次在 Linux 实例上这样做。 我在每个 Windows 实例上都使用了 wi
在过去的两天里,我一直在寻找原因,我在互联网上和堆栈上尝试了很多解决方案。 我有一个带有 ubuntu 16.04 和 apache2 的专用 VM -> 服务器版本:Apache/2.4.18 (U
我正处于构建 PHP 应用程序的早期阶段,其中一部分涉及使用 file_get_contents()从远程服务器获取大文件并将它们传输给用户。例如,要获取的目标文件是 200 mB。 如果下载到服务器
我正在尝试连接到本地网络内的路由器。到目前为止,我已经使用了 TcpClient。 检查我的代码: public static void RouterConnect() {
我正在尝试构建一段代码来搜索使用 Mechanize 和 Ruby 超时的页面。我的测试台包括一个专门写入超时的页面,以及 3 个正常运行的页面。这是代码: urls = ['http://examp
我是 python 的新手,也是语义网查询领域的新手。我正在使用 SPARQLWrapper 库查询 dbpedia,我搜索了库文档但未能找到从 sparqlWrapper 触发到 dbpedia 的
我正在从 GenServer 中的句柄信息功能调用 elixir genserver 以添加电话号码获取表单客户端。但是一旦调用了handle_call,所有者进程就会崩溃[超时]。请帮忙。 全局创建
假设我的 WCF 服务中有以下执行链: ServiceMethod 调用并等待 Method1,然后调用并等待 Method2,后者调用并等待 Method3。最后 ServiceMethod 在返回
目前我正在开发一个从远程服务器发送和接收文件的应用程序。为了进行网络操作,我正在使用 QNetworkAccessManager。 要上传文件,我使用 QNetworkAccessManager::p
我是一名优秀的程序员,十分优秀!