如何实现网页标题闪烁效果


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

本篇文章给大家详细介绍一下实现网页标题闪烁效果的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

// 获取当前网页标题

    // console.log(document.title);

    // document.title = '快点 打开'

 

    // 如果状态的数量是固定的一定要想到两个固定的东西

    // 1. 取余

    // 2. switch……case……

 

    // 1.定时器

    // 2.两个标题

    // 这里空格必须使用全角的空格 否则不会在标题中显示

    var title1 = '[   ]标题名';

    var title2 = '[新提醒]标题名';

    var i = 0;

    setInterval(function() {

        // 切换两个标题的显示

        // 判断

        if (i % 2 == 0) {

            document.title = title1;

        } else {

            document.title = title2;

        }

        i++;

    }, 500);

需要注意的有

  • 不能忽略定义 i 变量

  • 空格不能用半角

  • <有m个标题间切换就 %m

【推荐学习:javascript高级教程

以上就是如何实现网页标题闪烁效果的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

javascript中的定时器

express中间件body-parser的实现方法

通过实例了解javascript数组方法slice()的使用方法

javascript中宿主对象和原生对象的区别是什么

js中箭头函数和普通函数的区别是什么

dom节点如何进行优化

react是javascript

html5中的script属性及js同步和异步加载实现代码详解

javascript怎么将字符串转为对象

javascript如何截取字符串

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...