87,994
社区成员
发帖
与我相关
我的任务
分享请大神帮忙修改下这个js
<!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() 去每次清除定时器，但是不知道如何去用， 请大神帮忙修改
<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() 去每次清除定时器，但是不知道如何去用， 请大神帮忙修改
...全文
请发表友善的回复…
发表回复
qingwadaxia_1 2018-06-03
- 打赏
- 举报
谢谢您
qingwadaxia_1 2018-06-01
- 打赏
- 举报
谢谢大神，不过您这个好像有点问题， 第二句话 有时候会出现一个字 不动好几秒
天际的海浪 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]
