javascript - 超时没有发生 - 简单的 Javascript

标签 javascript html

我正在尝试编写一段代码,当文本字段中没有输入任何内容时,该代码会显示一条消息,然后消失(我可能会使其淡出而不是简单地消失,但让我们先走再跑。 .).

到目前为止我所做的看起来是这样的:

<div id="msg"></div>

<script>
var x = document.getElementById("msg");
    x.innerHTML = "Enter a video URL";
    setTimeout(function() {
        x.innerHTML = "");
    }, 1000);
</script>

当我更换时,超时功能似乎不起作用:

setTimeout(function() {
    x.innerHTML = "");
}, 1000);

setTimeout(function() {
    x.innerHTML = "A");
}, 1000);

A 立即出现,表示“输入视频”字符串没有被执行,浏览器直接跳转到我想要停止的字符串。

最佳答案

您在超时期间错过了匹配的括号:

<div id="msg">start</div>

JS:

var x =  document.getElementById("msg");
x.innerHTML = "Enter a video URL";
setTimeout(function() {
          x.innerHTML = "end";
}, 1000);

关于javascript - 超时没有发生 - 简单的 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36090521/

相关文章:

javascript - 动画性能随着时间的推移而下降

javascript - 数组数组到对象数组 JS

javascript - SVG 动画(移动)文本,同时其内容发生变化

javascript - TinyMCE 从可视选项卡上的链接中剥离 JavaScript

javascript - 如何将所选输入的值传递给 eventListener 函数

javascript - 关于浏览器如何解释 HTML/CSS/Javascript

javascript - 无法访问Web动态项目中的Angular JS页面

javascript - 由于 ng-disabled 不起作用,将 anchor 标记重构为按钮

javascript - 在 HTML5 中使用drawImage

javascript - 有没有办法在我的 html 页面上执行 JavaScript/JQuery 函数指定的时间然后停止执行?