js打字特效代码分享
程序员文章站
2022-04-06 21:49:38
...
本文主要和大家分享js打字特效代码，希望能帮助到大家。
<html>
<head>
<title>打字效果的带链接的新闻标题</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
body{font-size:14px;font-weight:bold;}
</style>
</head>
<body>
最新内容：<a id="HotNews" href="" target="_blank"></a>
<script>
var NewsTime = 2000; //每条新闻的停留时间
var TextTime = 50; //新闻标题文字出现等待时间，越小越快
var newsi = 0;
var txti = 0;
var txttimer;
var newstimer;
var newstitle = new Array(); //新闻标题
var newshref = new Array(); //新闻链接
newstitle[0] = "Jensen_Yao的博客";
newshref[0] = "http://blog.csdn.net/jensen_yao";
newstitle[1] = "http://blog.csdn.net/jensen_yao";
newshref[1] = "http://blog.csdn.net/jensen_yao";
newstitle[2] = "最高的效率就是对现有材料的最佳利用。";
newshref[2] = "http://blog.csdn.net/jensen_yao";
newstitle[3] = "学会偷懒！";
newshref[3] = "http://blog.csdn.net/jensen_yao";
newstitle[4] = "hello!";
newshref[4] = "http://blog.csdn.net/jensen_yao";
function shownew()
{
var endstr = "_";
hwnewstr = newstitle[newsi];
newslink = newshref[newsi];
if(txti==(hwnewstr.length-1)){endstr="";}
if(txti>=hwnewstr.length){
clearInterval(txttimer);
clearInterval(newstimer);
newsi++;
if(newsi>=newstitle.length){
newsi = 0
}
newstimer = setInterval("shownew()",NewsTime);
txti = 0;
return;
}
clearInterval(txttimer);
document.getElementById("HotNews").href=newslink;
document.getElementById("HotNews").innerHTML = hwnewstr.substring(0,txti+1)+endstr;
txti++;
txttimer = setInterval("shownew()",TextTime);
}
shownew();
</script>
<p><a href="http://www.108js.com" target="_blank">Jensen_Yao的博客</a></p>
</body>
</html>
相关推荐：
javascript实现自动输出文本（打字特效）_javascript技巧
以上就是js打字特效代码分享的详细内容，更多请关注其它相关文章！
上一篇： JavaScript闭包-闭包的作用域