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 相关文章推荐
提高网站信任度的技巧
Oct 17 Javascript
JQuery动态添加和删除表格行的方法
Mar 09 Javascript
Javascript实现鼠标右键特色菜单
Aug 04 Javascript
jQuery插件实现带圆点的焦点图片轮播切换
Jan 18 Javascript
jQuery AjaxUpload 上传图片代码
Feb 02 Javascript
JQuery的attr 与 val区别
Jun 12 Javascript
郁闷!ionic中获取ng-model绑定的值为undefined如何解决
Aug 27 Javascript
jquery控制页面的展开和隐藏实现方法(推荐)
Oct 15 Javascript
JS点击缩略图整屏居中放大图片效果
Jul 04 Javascript
详解最新vue-cli 2.9.1的webpack存在问题
Dec 16 Javascript
JavaScript实现职责链模式概述
Jan 25 Javascript
Vue中fragment.js使用方法小结
Feb 17 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
Protoss建筑一览
2020/03/14 星际争霸
php数据库抽象层 PDO
2011/05/07 PHP
php检查字符串中是否包含7位GSM字符的方法
2015/03/17 PHP
PHP面向对象程序设计之命名空间与自动加载类详解
2016/12/02 PHP
PHP的图像处理实例小结【文字水印、图片水印、压缩图像等】
2019/12/20 PHP
JavaScript高级程序设计(第3版)学习笔记3 js简单数据类型
2012/10/11 Javascript
js setTimeout opener的用法示例详解
2013/10/23 Javascript
JavaScript获取当前网页标题(title)的方法
2015/04/03 Javascript
简单实现兼容各大浏览器的js复制内容到剪切板
2015/09/09 Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
2015/12/05 Javascript
AngularJS 中的指令实践开发指南(一)
2016/03/20 Javascript
第六章之辅组类与响应式工具
2016/04/25 Javascript
JavaScript中ES6字符串扩展方法
2016/08/26 Javascript
JS中闭包的经典用法小结(2则示例)
2016/12/28 Javascript
Bootstrap模态框使用详解
2017/02/15 Javascript
微信小程序组件 marquee实例详解
2017/06/23 Javascript
JS实现给json数组动态赋值的方法示例
2020/03/19 Javascript
JS实现多物体运动的方法详解
2018/01/23 Javascript
vue实现百度下拉列表交互操作示例
2019/03/12 Javascript
mpvue性能优化实战技巧(小结)
2019/04/17 Javascript
Vue调用后端java接口的实例代码
2019/10/28 Javascript
vue基于v-charts封装双向条形图的实现代码
2019/12/09 Javascript
vue中使用v-for时为什么不能用index作为key
2020/04/04 Javascript
微信小程序实现页面左右滑动
2020/11/16 Javascript
[54:15]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第二场2月1日
2021/03/11 DOTA
python批量复制图片到另一个文件夹
2018/09/17 Python
Django 表单模型选择框如何使用分组
2019/05/16 Python
OpenCV 边缘检测
2019/07/10 Python
深入浅析Python代码规范性检测
2020/07/31 Python
python 如何对logging日志封装
2020/12/02 Python
英国顶级珠宝品牌之家:John Greed
2018/06/09 全球购物
有趣的睡衣和礼物:LazyOne
2019/11/27 全球购物
英国奢侈品牌时尚购物平台:Farfetch(支持中文)
2020/02/18 全球购物
《雨点儿》教学反思
2014/04/14 职场文书
保密法制宣传月活动总结
2015/05/07 职场文书
如何理解python接口自动化之logging日志模块
2021/06/15 Python