JavaScript状态栏显示滚动文字
时间: 2023-06-06 19:07:06 浏览: 98
JavaScript状态栏滚动文字的代码如下:
```javascript
<script type="text/javascript">
var text="这是要滚动的文字"; // 设置要滚动的文字
var speed=100; // 设置滚动速度
var pos=0;
function marquee(){
window.status=text.substring(pos,text.length)+text.substring(0,pos);
pos++;
if(pos>text.length) pos=0;
setTimeout("marquee()",speed);
}
marquee();
</script>
```
请注意,这段代码会在状态栏中显示滚动文字,但是现代浏览器通常已经禁止了在状态栏中显示滚动文字的功能。
相关问题
JavaScript--在状态栏显示滚动文字
在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中更改状态栏的文本可能会被禁止。因此,这段代码可能不会在所有浏览器中都有效。
跑马灯:用JavaScript 在页面的状态栏显示跑马灯效果的文字“欢迎光临我的博客”,文字在页面的状态栏内循环滚动。
您好,我可以给您供这样一个简单的 JavaScript 代码实现跑马灯效果:
```html
<script type="text/javascript">
var msg = "欢迎光临我的博客";
var pos = 0;
function scrollMsg() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos > msg.length) pos = 0;
window.setTimeout("scrollMsg()", 200); // 滚动速度,单位为毫秒
}
scrollMsg();
</script>
```
您可以将这段代码添加到您的 HTML 页面的 `<head>` 中即可。当页面加载完毕后,状态栏上将出现“欢迎光临我的博客”文字,且会不断滚动循环显示。
阅读全文