JavaScript实现打字效果的方法


Posted in Javascript onJuly 10, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
jQuery textarea的长度进行验证
May 06 Javascript
addEventListener和attachEvent二者绑定的执行函数中的this不相同
Dec 09 Javascript
JavaScript cookie的设置获取删除详解
Feb 11 Javascript
jQuery如何获取同一个类标签的所有值(默认无法获取)
Sep 25 Javascript
文本框只能输入数字的js代码(含小数点)
Jul 10 Javascript
javascript汉字拼音互转的简单实例
Oct 09 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
Dec 02 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
Mar 14 Javascript
实例解析ES6 Proxy使用场景介绍
Jan 08 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
Feb 01 Javascript
轻松解决JavaScript定时器越走越快的问题
May 13 Javascript
nginx部署多个vue项目的方法示例
Sep 06 Javascript
javascript实现rgb颜色转换成16进制格式
Jul 10 #Javascript
再谈JavaScript线程
Jul 10 #Javascript
javascript实现判断鼠标的状态
Jul 10 #Javascript
javascript检查浏览器是否已经启用XX功能
Jul 10 #Javascript
javascript实现确定和取消提示框效果
Jul 10 #Javascript
javascript实现的简单的表单验证
Jul 10 #Javascript
jQuery原生的动画效果
Jul 10 #Javascript
You might like
PHP中文分词 自动获取关键词介绍
2012/11/13 PHP
在JavaScript中通过URL传递汉字的方法
2007/04/09 Javascript
基于jquery的表头固定的若干方法
2011/01/27 Javascript
javascript获取URL参数与参数值的示例代码
2013/12/20 Javascript
js与css实现弹出层覆盖整个页面的方法
2014/12/13 Javascript
js实现的倒计时按钮实例
2015/06/24 Javascript
javascript日期处理函数,性能优化批处理
2015/09/06 Javascript
JavaScript字符串删除重复字符的方法
2015/12/25 Javascript
理解JavaScript事件对象
2016/01/25 Javascript
JS实现表单验证功能(验证手机号是否存在,验证码倒计时)
2016/10/11 Javascript
JavaScript事件用法浅析
2016/10/31 Javascript
jQuery实现花式轮播之圣诞节礼物传送效果
2016/12/25 Javascript
vue-router 学习快速入门
2017/03/01 Javascript
Javascript中字符串相关常用的使用方法总结
2017/03/13 Javascript
Bootstrap缩略图的创建方法
2017/03/22 Javascript
bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据
2020/08/09 Javascript
微信小程序canvas实现刮刮乐效果
2018/07/09 Javascript
Vue.js 父子组件通信的十种方式
2018/10/30 Javascript
js实现网页同时进行多个倒计时功能
2019/02/25 Javascript
angular 实现同步验证器跨字段验证的方法
2019/04/11 Javascript
使用原生JS实现火锅点餐小程序(面向对象思想)
2019/12/10 Javascript
Postman动态获取返回值过程详解
2020/06/30 Javascript
vue 保留两位小数 不能直接用toFixed(2) 的解决
2020/08/07 Javascript
[01:23]一分钟告诉你 DOTA2为什么叫信仰2
2014/06/20 DOTA
在Heroku云平台上部署Python的Django框架的教程
2015/04/20 Python
pytorch permute维度转换方法
2018/12/14 Python
Python爬虫实现获取动态gif格式搞笑图片的方法示例
2018/12/24 Python
解决HTML5手机端页面缩放的问题
2017/10/27 HTML / CSS
印度在线购物网站:Paytmmall
2019/07/24 全球购物
大学本科毕业生求职信范文
2013/12/18 职场文书
服务员岗位责任制
2014/02/11 职场文书
趣味运动会活动方案
2014/02/12 职场文书
食品委托检验协议书范本
2014/09/12 职场文书
实习证明模板
2015/06/16 职场文书
社区志愿者服务心得体会
2016/01/22 职场文书
解决Navicat for MySQL 连接 MySQL 报2005错误的问题
2021/05/29 MySQL