Vue项目,原生JS设置公众号页面的title过长,让标题滚动起来,类似走马灯效果

项目中经常用到的方法,放这边省的写其他项目用到了还要重新写或者翻以前项目

//title过长类似走马灯效果
function changeTitle(title) {
	//timer定时器唯一ID
	if (Vue.prototype.titletimer != null) {
		clearInterval(Vue.prototype.titletimer);
		Vue.prototype.titletimer = null
	}
	let len = title.length;//总长度
	const size = 14; //展示的title长度
	const rate = 500; //title滚动的频率,最小300ms
	if (len > size) {
		let num = 0;
		let tmpStr = title.substr(num, size);
		document.title = tmpStr;
		Vue.prototype.titletimer = setInterval(() => {
			num++;
			if (num > (len - size)) num = 0;
			let tmpTitle = title.substr(num, size);
			document.title = tmpTitle;
		}, rate < 300 ? 300 : rate);
	} else {
		document.title = title;
	}
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值