HTML(三)文档标题(1),我凭什么拿到了阿里、腾讯、今日头条3家大厂offer

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条新消息?

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值