请大神帮忙修改下这个js

qingwadaxia_1 2018-05-31 04:36:43

<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style>
*{padding:0;margin:0;}
div{width:300px;height:50px;background:#ccc;margin-bottom:10px;display:-none;}
span{display:block;height:700px;}
</style>
</head>
<body>

<div id="aa"></div>
<div id="bb"></div>

<script>
var aa = document.getElementById("aa");
var bb = document.getElementById("bb");

function zz(){
aa.style.display = "block";
var mm = "你好，请问有什么咨询的";
var num = 0;
function nn(){
aa.innerHTML = mm.substring(0,num++);
num%=mm.length+1;

}
setInterval(nn,300);
setTimeout(vv,4000);

}

setTimeout(zz,3000);

function vv(){
bb.style.display = "block";
var kk = "请说出您的问题";
var qq = 0;
function nn1(){
bb.innerHTML = kk.substring(0,qq++);
qq%=kk.length+1;
}
setInterval(nn1,300);

bb.scrollIntoView();

setTimeout(zz,3000);
}

</script>
</body>
</html>

上面的js 因为开了多个定时器的原因造成文字一个个打出来的速度非常快，我知道可以用clearInterval() 去每次清除定时器，但是不知道如何去用，请大神帮忙修改

...全文

1125 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

qingwadaxia_1 2018-06-03

打赏
举报

引用 3 楼 jslang 的回复:

换一种写法


var aa = document.getElementById("aa");
var bb = document.getElementById("bb");
aa.style.display = "block";
bb.style.display = "block";
bb.scrollIntoView();
function zz(){
	var mm = "你好，请问有什么咨询的";
	var num = 0;
	function nn(){
		aa.innerHTML = mm.substring(0,num++);
		if (num<=mm.length) {
			setTimeout(nn, 300);
		} else {
			setTimeout(vv, 300);
		}
	}
	nn()
}

setTimeout(zz,3000);

function vv(){
	var kk = "请说出您的问题";
	var qq = 0;
	function nn1(){
		bb.innerHTML = kk.substring(0,qq++);
	if (qq<=kk.length) {
			setTimeout(nn1, 300);
		} else {
			setTimeout(zz, 300);
		}
	}
	nn1();
}

谢谢您

qingwadaxia_1 2018-06-01

打赏
举报

引用 1 楼 jslang 的回复:


<!DOCTYPE html>
<html>
 <head>
  <title> new document </title>  
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>   
  <style>
	*{padding:0;margin:0;}
	div{width:300px;height:50px;background:#ccc;margin-bottom:10px;display:-none;}
	span{display:block;height:700px;}
  </style>
 </head> 
 <body> 

	 <div id="aa"></div>
	 <div id="bb"></div>
	
<script>
var aa = document.getElementById("aa");
var bb = document.getElementById("bb");
var t1,t2;
function zz(){
	clearInterval(t2);
	aa.style.display = "block";
	var mm = "你好，请问有什么咨询的";
	var num = 0;
	function nn(){
		aa.innerHTML = mm.substring(0,num++);
		num%=mm.length+1;
		
	}
	t1 = setInterval(nn,300);
	setTimeout(vv,4000);
	
}

setTimeout(zz,3000);


function vv(){
	clearInterval(t1);
	bb.style.display = "block";
	var kk = "请说出您的问题";
	var qq = 0;
	function nn1(){
		bb.innerHTML = kk.substring(0,qq++);
		qq%=kk.length+1;
	}
	t2 = setInterval(nn1,300);

	bb.scrollIntoView();
	
	setTimeout(zz,3000);
}


</script>
 </body>
</html>

e]

谢谢大神，不过您这个好像有点问题，第二句话有时候会出现一个字不动好几秒

天际的海浪 2018-06-01

打赏
举报

换一种写法


var aa = document.getElementById("aa");
var bb = document.getElementById("bb");
aa.style.display = "block";
bb.style.display = "block";
bb.scrollIntoView();
function zz(){
	var mm = "你好，请问有什么咨询的";
	var num = 0;
	function nn(){
		aa.innerHTML = mm.substring(0,num++);
		if (num<=mm.length) {
			setTimeout(nn, 300);
		} else {
			setTimeout(vv, 300);
		}
	}
	nn()
}

setTimeout(zz,3000);

function vv(){
	var kk = "请说出您的问题";
	var qq = 0;
	function nn1(){
		bb.innerHTML = kk.substring(0,qq++);
	if (qq<=kk.length) {
			setTimeout(nn1, 300);
		} else {
			setTimeout(zz, 300);
		}
	}
	nn1();
}

天际的海浪 2018-05-31

打赏
举报


<!DOCTYPE html>
<html>
 <head>
  <title> new document </title>  
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>   
  <style>
	*{padding:0;margin:0;}
	div{width:300px;height:50px;background:#ccc;margin-bottom:10px;display:-none;}
	span{display:block;height:700px;}
  </style>
 </head> 
 <body> 

	 <div id="aa"></div>
	 <div id="bb"></div>
	
<script>
var aa = document.getElementById("aa");
var bb = document.getElementById("bb");
var t1,t2;
function zz(){
	clearInterval(t2);
	aa.style.display = "block";
	var mm = "你好，请问有什么咨询的";
	var num = 0;
	function nn(){
		aa.innerHTML = mm.substring(0,num++);
		num%=mm.length+1;
		
	}
	t1 = setInterval(nn,300);
	setTimeout(vv,4000);
	
}

setTimeout(zz,3000);


function vv(){
	clearInterval(t1);
	bb.style.display = "block";
	var kk = "请说出您的问题";
	var qq = 0;
	function nn1(){
		bb.innerHTML = kk.substring(0,qq++);
		qq%=kk.length+1;
	}
	t2 = setInterval(nn1,300);

	bb.scrollIntoView();
	
	setTimeout(zz,3000);
}


</script>
 </body>
</html>

e]