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简单瀑布流实现原理及ie8下测试代码
Jan 23 Javascript
JavaScript中操作字符串小结
May 04 Javascript
javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码
Aug 04 Javascript
javascript实现在指定元素中垂直水平居中
Sep 13 Javascript
js HTML5多图片上传及预览实例解析(不含前端的文件分割)
Aug 26 Javascript
Node.js中如何合并两个复杂对象详解
Dec 31 Javascript
angularjs ocLazyLoad分步加载js文件实例
Jan 17 Javascript
setTimeout函数的神奇使用
Feb 26 Javascript
Vuex中mutations与actions的区别详解
Mar 01 Javascript
如何使用RoughViz可视化Vue.js中的草绘图表
Jan 30 Vue.js
idea编译器vue缩进报错问题场景分析
Jul 04 Vue.js
浅谈TypeScript 索引签名的理解
Oct 16 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
基于python发送邮件的乱码问题的解决办法
2013/04/25 PHP
使用PHP遍历文件目录与清除目录中文件的实现详解
2013/06/24 PHP
yii2控制器Controller Ajax操作示例
2016/07/23 PHP
详解Yii2.0 rules验证规则集合
2017/03/21 PHP
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
Laravel 简单实现Ajax滚动加载示例
2019/10/22 PHP
js弹出层包含flash 不能关闭隐藏的2种处理方法
2013/06/17 Javascript
js实现页面转发功能示例代码
2013/08/05 Javascript
js输入框邮箱自动提示功能代码实现
2013/12/10 Javascript
JavaScript操作XML文件之XML读取方法
2015/06/09 Javascript
js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)
2016/01/27 Javascript
基于javascript实现简单的抽奖系统
2020/04/15 Javascript
灵活使用数组制作图片切换js实现
2016/07/28 Javascript
jquery插件treegrid树状表格的使用方法详解(.Net平台)
2017/01/03 Javascript
jquery.flot.js简单绘制折线图用法示例
2017/03/13 Javascript
vue-amap根据地址回显地图并mark的操作
2020/11/03 Javascript
nuxt 路由、过渡特效、中间件的实现代码
2020/11/06 Javascript
[01:34:42]NAVI vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python时间戳与时间字符串互相转换实例代码
2013/11/28 Python
Python写的创建文件夹自定义函数mkdir()
2014/08/25 Python
使用Python编写类UNIX系统的命令行工具的教程
2015/04/15 Python
12个Python程序员面试必备问题与答案(小结)
2019/06/24 Python
Pytorch 使用 nii数据做输入数据的操作
2020/05/26 Python
amazeui树节点自动展开折叠面板并选中第一个树节点的实现
2020/08/24 HTML / CSS
Gtech官方网站:地毯清洁器、吸尘器及园艺设备
2018/05/23 全球购物
西班牙在线宠物食品和配件商店:bitiba
2019/10/11 全球购物
汽车工程专业应届生求职信
2013/10/19 职场文书
推荐信怎么写
2014/05/09 职场文书
2014党员整改措施思想汇报
2014/10/07 职场文书
群众路线个人整改方案
2014/10/25 职场文书
小学少先队辅导员述职报告
2015/01/10 职场文书
导游词之四川武侯祠
2019/10/21 职场文书
导游词之舟山普陀山
2019/11/06 职场文书
Django给表单添加honeypot验证增加安全性
2021/05/06 Python
SpringCloud之@FeignClient()注解的使用方式
2021/09/25 Java/Android
5个实用的JavaScript新特性
2022/06/16 Javascript