js动态修改网页标题,实现跑马灯切换效果
七娃博客1,165人阅读
项目中有这样的需求,网页来消息需要提示用户,要求网页标题和状态栏浏览器的文章会改变并实现跑马灯效果!
实现代码:从左向右跑马灯,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("跑马灯网页标题已停止!"); }
评论 | 0 条评论
登录之后才可留言,前往登录