JS 在标题中实现跑马灯的效果

<script>
var time=null;
    timer();
    function timer(){
        $(function(){
            var title=$("title").html();
            var temptitle=title;
            var length=title.length;
            time=setInterval(function(){
                temptitle=temptitle.concat(temptitle.charAt(0));
                length=temptitle.length;
                temptitle=temptitle.substring(1,length);
                $("title").html(temptitle);
            }, 500);
        });
    }
    document.addEventListener('visibilitychange', function () {
    // <!--判断如果离开页面时,title变化并清除在页面时跑马灯效果-->
        if (document.visibilityState == 'hidden') {
            normal_title = document.title;
            document.title = '客官请留步...';
            clearInterval(time)
        } else{
    // <!--如果在当前页面时,title变化,执行定时器-->
            document.title = normal_title;
            timer();
        } 
    });
</script>

此段代码复制在html文件中试试

© 版权声明
THE END
喜欢本站内容,请点【分享】【赞】和【收藏】
点赞13赞赏 分享
评论 抢沙发
头像
你这么聪明,说什么都对!
提交
头像

昵称

取消
昵称表情代码图片