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插件开发基础简单介绍
Jan 07 Javascript
JavaScript在IE和FF下的兼容性问题
May 19 Javascript
JavaScript中数据结构与算法(二):队列
Jun 19 Javascript
举例详解JavaScript中Promise的使用
Jun 24 Javascript
详解JavaScript for循环中发送AJAX请求问题
Jun 23 Javascript
jQuery调用WebMethod(PageMethod) NET2.0的方法
Apr 15 Javascript
jQuery hover事件简单实现同时绑定2个方法
Jun 07 Javascript
JavaScript语言精粹经典实例(整理篇)
Jun 07 Javascript
prototype与__proto__区别详细介绍
Jan 09 Javascript
谈谈对vue响应式数据更新的误解
Aug 01 Javascript
JS中类的静态方法,静态变量,实例方法,实例变量区别与用法实例分析
Mar 14 Javascript
解决Element中el-date-picker组件不回填的情况
Nov 07 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超牛逼无限极分类生成树方法
2015/05/11 PHP
javascript 学习笔记(六)浏览器类型及版本信息检测代码
2011/04/08 Javascript
js调用activeX获取u盘序列号的代码
2011/11/21 Javascript
javascript学习笔记(十) js对象 继承
2012/06/19 Javascript
Javascript之this关键字深入解析
2013/11/12 Javascript
javascript中DOM复选框选择用法实例
2015/05/14 Javascript
js实现适用于素材网站的黑色多级菜单导航条效果
2015/08/24 Javascript
js控制TR的显示隐藏
2016/03/04 Javascript
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
2017/01/18 Javascript
JavaScript与JQUERY获取元素的宽、高和位置
2017/02/26 Javascript
利用Vue.js+Node.js+MongoDB实现一个博客系统(附源码)
2017/04/24 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
2017/12/28 Javascript
原生JS实现网页手机音乐播放器 歌词同步播放的示例
2018/02/02 Javascript
vue.js中导出Excel表格的案例分析
2019/06/11 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
2020/07/13 Javascript
浅谈在vue-cli3项目中解决动态引入图片img404的问题
2020/08/04 Javascript
使用js和canvas实现时钟效果
2020/09/08 Javascript
[53:20]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 VG vs OG
2018/04/03 DOTA
python显示天气预报
2014/03/02 Python
python判断字符串是否包含子字符串的方法
2015/03/24 Python
Python用threading实现多线程详解
2017/02/03 Python
pytorch 把MNIST数据集转换成图片和txt的方法
2018/05/20 Python
基于Django ORM、一对一、一对多、多对多的全面讲解
2019/07/26 Python
CSS3实现酷炫的3D旋转透视效果
2019/11/21 HTML / CSS
美国顶级防滑鞋:Shoes For Crews
2017/03/27 全球购物
美国女士内衣在线折扣商店:One Hanes Place
2019/03/24 全球购物
Oral-B荷兰:牙医最推荐的品牌
2020/02/25 全球购物
小学音乐教学反思
2014/02/05 职场文书
劳资协议书范本
2014/04/23 职场文书
酒店节能减排方案
2014/05/26 职场文书
世界环境日活动总结
2015/02/11 职场文书
异地恋情人节寄语
2015/02/28 职场文书
护士医德考评自我评价
2015/03/03 职场文书
标准版个人借条怎么写?以及什么是借条?
2019/08/28 职场文书
Keras多线程机制与flask多线程冲突的解决方案
2021/05/28 Python
《Estab Life》4月6日播出 正式PV、主视觉图公开
2022/03/20 日漫