首页JavaScript--在状态栏显示滚动文字

JavaScript--在状态栏显示滚动文字

时间: 2023-10-05 14:05:22 浏览: 102

在JavaScript中，可以通过使用`setInterval()`函数和DOM操作来实现在状态栏显示滚动文字的效果。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <title>Scrolling Text in Status Bar</title> <script type="text/javascript"> var text = "This is a scrolling text in status bar"; var i = 0; function scrollText() { document.status = text.substring(i, text.length) + text.substring(0,i); i++; if (i > text.length) { i = 0; } setTimeout("scrollText()", 100); } </script> </head> <body onload="scrollText();"> <h1>Scrolling Text in Status Bar</h1> <p>This is an example of scrolling text in the status bar using JavaScript.</p> </body> </html> ``` 在这个示例中，我们定义了一个变量`text`，它包含我们要显示的滚动文本。我们使用`setInterval()`函数来定期调用一个名为`scrollText()`的函数，该函数将滚动文本添加到状态栏中。我们使用`substring()`函数从文本字符串中提取一段长度为`i`的子字符串，并将其添加到状态栏中。然后，我们将`i`增加1，并检查是否已经处理了整个文本字符串。如果是这样，我们将`i`重置为0，以便重新开始滚动文本。最后，我们使用`setTimeout()`函数来定期调用`scrollText()`函数。请注意，由于现代浏览器的安全限制，从JavaScript中更改状态栏的文本可能会被禁止。因此，这段代码可能不会在所有浏览器中都有效。