Javascript 用户选择另一个选项卡，页面标题每8秒更改为不同的标题_Javascript_Jquery_Html_Css

Javascript 用户选择另一个选项卡，页面标题每8秒更改为不同的标题

javascript jquery html css

Javascript 用户选择另一个选项卡，页面标题每8秒更改为不同的标题,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试根据计时器更改选项卡的标题我在网上找到了一个示例，但无法使其运行，而且我不知道它是否支持多个页面标题 <!DOCTYPE html> <html> <head> <title>Test</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery. min.js"> </script&g

我正在尝试根据计时器更改选项卡的标题

我在网上找到了一个示例，但无法使其运行，而且我不知道它是否支持多个页面标题

<!DOCTYPE html>
<html>
<head>
<title>Test</title>

<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.
min.js"> 
</script>

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script type="text/javascript" src="Script.js"></script>

</head>
<body>
</body>
</html>

下面是一个每8秒更改一次标题的示例

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
</head>
<body>
    <script>
        var counter = 0;
        setInterval( function () {
            counter = counter + 1;
            document.title = "Iteration: " + counter;
        }, 8000 );
    </script>
</body>
</html>

<!DOCTYPE html>
<html>

<head>
    <title>Hello there!</title>
</head>

<body>
    <script>
        var names = [ "Rick", "Michonne", "Darryl", "Rosita", "Negan" ];
        var counter = 0;
        setInterval( function () {
            document.title = "Hello " + names[ counter ];
            if ( counter == names.length - 1 ) {
                counter = 0;
            } else {
                counter = counter + 1;
            }
        }, 8000 );
    </script>
</body>

</html>

代码很好，如果您想每8秒更改一次标题，请确保将

setInterval

设置为使用

毫秒，而不是

，并确保对

animateTitle（“您的标题”）进行初始调用好的，谢谢，我不知道为什么不起作用。非常感谢，我只是想知道是否可以使用相同的代码选择标题名称<代码>document.title=“迭代1”、“迭代2”、“迭代3”是否有一组固定的名称？是的，名称是固定的。请更新答案。计数器增量现在位于document.title部分之后，因为我们希望从0开始，并在显示第一个名称后递增。
<!DOCTYPE html>
<html>

<head>
    <title>Hello there!</title>
</head>

<body>
    <script>
        var names = [ "Rick", "Michonne", "Darryl", "Rosita", "Negan" ];
        var counter = 0;
        setInterval( function () {
            document.title = "Hello " + names[ counter ];
            if ( counter == names.length - 1 ) {
                counter = 0;
            } else {
                counter = counter + 1;
            }
        }, 8000 );
    </script>
</body>

</html>