用javascript实现的打印机效果

最新推荐文章于 2023-09-03 20:41:00 发布

ShmilyCandy

最新推荐文章于 2023-09-03 20:41:00 发布

阅读量489

点赞数

分类专栏： javascript 文章标签： javascript html 脚本 head ViewUI

本文链接：https://blog.csdn.net/ShmilyCandy/article/details/84079138

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>typewriter</title>
<style>
.box{font-size:20;color:red}
</style>
<script language="JavaScript">
var max=0;
function textlist() //自己的对象,存储字符串
{
max=textlist.arguments.length;
for (i=0; i<max; i++)
this[i]=textlist.arguments[i];
}
tl=new textlist //实际上是一个多维数组 tl[0]="欢迎光临JavaScript脚本编程百例"其余类推
(
"欢迎光临JavaScript脚本编程百例",
"这一章主要讲解用JavaScript处理文字效果",
"这个例子实现在文本框中实现打字机效果"
);
var x=0; pos=0;
var l=tl[0].length;
function textticker()
{
document.form1.textfeld.value=tl[x].substring(0,pos)+"_";
if(pos++==l)
{
pos=0;
setTimeout("textticker()",1000); //控制两段话间的转换时间
x++;
if(x==max)
x=0;
l=tl[x].length;
} else
setTimeout("textticker()",130); //控制文字间的显示时间
}
</script>
</head>
<body οnlοad="textticker()">
<center>
</p>
<img src=line1.gif>
<form name="form1" method="get">
<center><p><input class=box type="text" name="textfeld" size="40"></p>
</form>
<img src=line1.gif>
<p align="center"><br><br><font size=20 color=#ce288c face=创艺繁综艺 >文本框<br>中的打字机效果,<br>显示内容可以任意增加,<br>打字速度也可以在程序中随意调整</font></p>
</center>
</body>
</html>

ShmilyCandy

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
用javascript实现的打印机效果

typewriter .box{font-size:20;color:red} var max=0;function textlist() //自己的对象,存储字符串{ max=textlist.arguments.length; for (i=0; i
复制链接

扫一扫

专栏目录