document.title=title;
clearInterval(timer);
}
else {
percent=percent+1;
document.title=textOne+percent+textTwo+title;
}
},500);
进深一点
个人理解:标题滚动特效,当标题内容过长时,字符的不断替换达成滚动效果。
解释:
合并了视频中的示例:通过setInterval()循环了指定次数,次数满足后清除定时器,并赋值指定的标题替换,而不满足if条件时,触发roll函数,将参数title的值传入;
每一次触发roll函数,将通过subtring()方法,两次提取当前参数的值,组成新的字符串,如第一次传入的值为:【您有6条新消息】这是我的第一个网页,那么subtring(1,titleText.length),获取到的值为:您有6条新消息】这是我的第一个网页,而substring(0,1)获取到的值为:【,那么新组成的字符串为:您有6条新消息】这是我的第一个网页【,同时,该新组成的字符串赋值替换了原值,所以,第二次执行循环的时候,参数的值已经变成新替换的值了,并依次循环执行新参数且替换标题,最终达成循环滚动的效果。
再提升一点:
能不能达成新消息时的数字提升变动的同时标题在滚动,比如:您有1条新消息,下一次就变成您有2条新消息?