首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >是否使用javascript切换标题文本?HTML / JS

是否使用javascript切换标题文本?HTML / JS
EN

Stack Overflow用户
提问于 2021-03-08 15:28:49
回答 3查看 63关注 0票数 0

我是JavaScript的新手,我一直在尝试让标题文本在不同的文本之间切换一天。我收集了一些代码片段并将它们放在一起,所以我不太确定发生了什么。

代码语言:javascript
复制
function sleep(milliseconds) {
  const date = Date.now();
  let currentDate = null;
  do {
    currentDate = Date.now();
  } while (currentDate - date < milliseconds);
}

function switchingText(); {
  document.getElementByID("title").innerHTML = "Text";
  sleep(2000);
  document.getElementByID("title").innerHTML = "Text2";
  sleep(2000);
  switchingText();
}

如果有任何帮助,我将不胜感激。

EN

回答 3

Stack Overflow用户

发布于 2021-03-09 12:15:39

这是针对您的困境的示例解决方案:

代码语言:javascript
复制
const title= document.getElementById("title");

const switchHeading = () => {
    if (title.innerHTML== "Text"){
        title.innerHTML = "Text2";
    }else{
        title.innerHTML = "Text";
    }
} 


setInterval(() => {
    switchHeading()
}, 2000);
代码语言:javascript
复制
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="">
    </head>
    <body>

        <h1 id="title">Text</h1>
        <script src="./script.js" async defer></script>
    </body>
</html></html>

有帮助的链接:

W3Schools Set Interval

票数 0
EN

Stack Overflow用户

发布于 2021-03-09 12:30:36

您所需要做的就是像以前一样获取InnerHTML元素,但不是更改标题,而是更改值,如下所示:

代码语言:javascript
复制
document.getElementByID('title').value="Text"

希望你找到你要找的东西了。

票数 0
EN

Stack Overflow用户

发布于 2021-03-09 12:38:49

而不是做

代码语言:javascript
复制
document.getElementByID("title").innerHTML = "Text";

在切换文本函数中,您需要执行以下操作

代码语言:javascript
复制
document.title = 'your text'
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66525778

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档