js简单实现让文本框内容逐个字的显示出来

 更新时间:2013年10月22日 17:44:54   作者:  
逐个字显示效果就像是打印机一样,在某些情况下起到强调作用,下面有个不错的示例,大家可以学习下
复制代码 代码如下:

<script language="JavaScript">
<!--
function MArray() {
this.length = MArray.arguments.length
for (var i = 0; i < this.length; i++)
this[i+1] = MArray.arguments[i]}
var fArray = new MArray;
fArray[0]="欢迎大家学习javascript这门语言!";
fArray[1]="欢迎大家学习html这门语言!"
fArray[2]="欢迎大家学习asp这门语言!"
fArray[3]="欢迎大家学习vbscript这门语言!"
var x = 1;
var y = 0;
var msg1 = fArray[y];
function newsSee() {
if (x==msg1.length+1) {
y+=1;
if (y > 3) y=0;
document.form1.news2.value=' ';
msg1 = fArray[y];
x=0;}
document.form1.news2.value=msg1.substring(0,x);
x+=1;
setTimeout("newsSee() ",100);
}
// -->
</script>
<body onLoad="newsSee()">
<form name="form1">
<p align=center><input type="text" name="news2" size=40></p>
</form>
</body>

相关文章

  • uniapp实现滑动评分效果

    uniapp实现滑动评分效果

    这篇文章主要为大家详细介绍了uniapp实现滑动评分效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • JavaScript中实现单体模式分享

    JavaScript中实现单体模式分享

    这篇文章主要介绍了JavaScript中实现单体模式分享,单体模式的定义:单体是一个用来划分命名空间并将一批相关方法和属性组织在一起的对象,如果它能够被实例化,那么只能被实例化一次,需要的朋友可以参考下
    2015-01-01
  • js打开word文档预览操作示例【不是下载】

    js打开word文档预览操作示例【不是下载】

    这篇文章主要介绍了js打开word文档预览操作,结合实例形式分析了两种javascript打开word文档在线预览相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • JavaScript实现瀑布流布局的3种方式

    JavaScript实现瀑布流布局的3种方式

    这篇文章主要为大家详细介绍了JavaScript实现瀑布流布局的3种方式,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • TypeScript泛型使用详细介绍

    TypeScript泛型使用详细介绍

    泛型是静态类型语言的基本特征,允许将类型作为参数传递给另一个类型、函数、或者其他结构。TypeScript 支持泛型作为将类型安全引入组件的一种方式。这些组件接受参数和返回值,其类型将是不确定的,直到它在代码中被使用
    2022-10-10
  • JavaScript 颜色梯度和渐变效果

    JavaScript 颜色梯度和渐变效果

    程序ColorGrads的作用是通过StartColor和EndColor生成颜色梯度集合。
    2009-03-03
  • javascript中基本类型和引用类型的区别分析

    javascript中基本类型和引用类型的区别分析

    大多数人系统学习过的程序设计语言,在这些语言的学习过程中最早学到的几个要点之一就是值类型和引用类型的区别。下面我们来看一下在 JavaScript 中基本数据类型(Primitive Types)和引用类型(Reference Types)的区别。
    2015-05-05
  • 用file标签实现多图文件上传预览

    用file标签实现多图文件上传预览

    本文介绍了用file标签实现多图文件上传预览的方法。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法

    Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法

    本文主要介绍了Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法。具有一定的参考价值,下面跟着小编一起来看下吧
    2016-12-12
  • 不同浏览器对回车提交表单的处理办法

    不同浏览器对回车提交表单的处理办法

    在浏览器中填写表单的时,可以直接在“文本框”中敲击“Enter”来提交表单,很是方便。
    2010-02-02

最新评论