项目中有这样的需求,网页来消息需要提示用户,要求网页标题和状态栏浏览器的文章会改变并实现跑马灯效果!

js动态修改网页标题,实现跑马灯切换效果-QUI-Notes

实现代码:从左向右跑马灯,300ms执行一次程序,将标题第一个字截取出来并添加到字符串最后

var   IntervalId = setInterval("titleScroll()", 300);
function titleScroll(){ // 循环程序
    var title = document.title;
    var firstr = title.charAt(0);
    var leftstr = title.substring(1, title.length);
    document.title = leftstr + firstr;
}
function clearIntervalTitle() { // 清除计数器,关掉标题跑马灯,需要时调用
    clearInterval(IntervalId);
    console.log("跑马灯网页标题已停止!");
}