JS打印机效果代码整理
纯js性 简单快速 功能少
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>打字机效果</title>
</head>
<body>
<div id="Ho...
纯js性 简单快速 功能少
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>打字机效果</title>
</head>
<body>
<div id="HotNews">
</div>
<script type="text/javascript">
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]="健康是身体的本钱";
newshref[0]="#";
newstitle[1]="关心身体，就是关心自己";
newshref[1]="#";
newstitle[2]="去西藏旅游了";
newshref[2]="#";
newstitle[3]="大雨倾盆，很大呀";
newshref[3]="#";
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>
</body>
</html>
输出完一句消失再输出一句
全文js打印机输入
<html><head><title>Type Write</title><style type="text/css">a{text-decoration:none}</style></head><body>
<div id="newsticker"><span id="tickertitle"></span><a id="typewriter" href="#"></a></div>
</body>
</html>
<script type="text/javascript">
// please keep these lines on when you copy the source
// made by: Nicolas - http://www.javascript-page.com
var current = 0
var x = 0
var speed = 70
var speed2 = 2000
function initArray(n) {
this.length = n;
for (var i =1; i <= n; i++) {
this[i] = ' '
}
}
typ = new initArray(16);
typ[0]="406:red:Texas last in US Gov State Governors Websites (June 2008)";
typ[1]="409:red:The Insolvency Service last in UK Central Government (June 2008)";
typ[2]="384:green:Federated States of Micronesia 1st in US Gov State and Territorial Government Websites (April 2008)";
typ[3]="413:green:U.S. Immigration and Customs Enforcement highest climber in US Gov Federal Agencies (up 188) - June 2008";
typ[4]="371:green:Iowa 1st in US Gov State Governors Websites (April 2008)";
typ[5]="373:green:Directgov Jobs and Skills 1st in UK Central Government (April 2008)";
typ[6]="379:red:Birmingham last in UK Local Government (April 2008)";
typ[7]="406:green:Utah highest climber in US Gov State Governors Websites (up 16) - June 2008";
typ[8]="380:red:Kent Police greatest faller in Police Forces (down 31) - April 2008";
function typewrite() {
var m = typ[current];
document.getElementById("typewriter").href = '/survey/report.html?rt=' + m.substring(0,m.indexOf(':'));
m = m.substring(m.indexOf(':') + 1);
document.getElementById("typewriter").style.color = m.substring(0,m.indexOf(':'));
m = m.substring(m.indexOf(':') + 1);
m = m.replace("&","and");
document.getElementById("typewriter").innerHTML = m.substring(0, x++) + "_";
if (x == m.length + 1) {
x = 0
current++
if (current > typ.length - 1) {
current = 0
}
setTimeout("typewrite()", speed2)
}
else {
setTimeout("typewrite()", speed)
}
}
//document.getElementById("tickertitle").innerHTML = "Latest: ";
/*document.getElementById("smHeadlines").style.padding = "10px";*/
typewrite()
</script>
纯js的输出总是略显不足更好的打字机效果还是需要插件支持。飞机票下一篇文章
- 发表于 2021-02-05 09:55
- 阅读 ( 273 )
- 分类：互联网
0 条评论
请先 登录 后评论
