jQuery实现颜色打字机

效果:每个字逐个显示出来,并且每个字都有随机颜色
运行效果

$(function(){
		var str="早起的鸟儿有虫吃,早起的虫儿被鸟吃!由此天赋+勤奋=成功;先天不足+同等勤奋=还是失败!天赋的重要性可见一斑!";
		//产生一个0-255的随机整数
		function s(){
			return parseInt((Math.random()*255)+1);
		};
		var j=1,i=0;
		var p="";
		//打开一个每个100毫秒执行一次的定时器
		var k=setInterval(function(){
			if(j<=str.length){
				//从第一个字开始截取,通过定时器循环遍历字符串的每一个字
				var n=str.substring(i,j);
				j++;
				i++;
				//为单个字添加样式
				var html='<span style="color:rgb('+s()+','+s()+','+s()+');font-size: 35px;">'+n+'</span>';
				//字符串累加
				p=p+html;
				//html()设置元素中的HTML内容
				$(".mybox").html(p);
			}else{//遍历完成关闭定时器
				clearInterval(k);
			}
		},100);
	});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值