Home  >  Article  >  Web Front-end  >  JavaScript实现打字效果的方法_javascript技巧

JavaScript实现打字效果的方法_javascript技巧

WBOY
WBOYOriginal
2016-05-16 15:50:371072browse

本文实例讲述了JavaScript实现打字效果的方法。分享给大家供大家参考。具体实现方法如下:

<input type="button" onclick='start("高考了")' value="start"/>
<input type="text" id="here" />
<script type="text/javascript">
function start(str1)
{
str=str1;
len=str.length;
i=0;
dwrite();
}
function dwrite()
{
  document.getElementById('here').value=document.getElementById('here').value + str.charAt(i);
  if( i++ ==len )
  {
   i=0;
   return true;
  }
  setTimeout('dwrite()',500);
}
</script>

希望本文所述对大家的javascript程序设计有所帮助。

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn