js打字机效果代码

更新时间：2008年06月28日 17:20:14 作者：

大家经常用js实现打字机效果，最近发现这个不错

<html><head><title>Type Write</title><style type="text/css">a{text-decoration:none}</style></head><body>  <div id="newsticker"><span id="tickertitle"></span><a id="typewriter" href="#"></a></div>  </body>  </html>  <script type="text/javascript">  // please keep these lines on when you copy the source  // made by: Nicolas - http://www.javascript-page.com  var current = 0  var x = 0  var speed = 70  var speed2 = 2000  function initArray(n) {    this.length = n;    for (var i =1; i <= n; i++) {      this[i] = ' '    }  }  typ = new initArray(16);  typ[0]="406:red:Texas last in US Gov State Governors Websites (June 2008)";  typ[1]="409:red:The Insolvency Service last in UK Central Government (June 2008)";  typ[2]="384:green:Federated States of Micronesia 1st in US Gov State and Territorial Government Websites (April 2008)";  typ[3]="413:green:U.S. Immigration and Customs Enforcement highest climber in US Gov Federal Agencies  (up 188) - June 2008";  typ[4]="371:green:Iowa 1st in US Gov State Governors Websites (April 2008)";  typ[5]="373:green:Directgov Jobs and Skills 1st in UK Central Government (April 2008)";  typ[6]="379:red:Birmingham last in UK Local Government (April 2008)";  typ[7]="406:green:Utah highest climber in US Gov State Governors Websites (up 16) - June 2008";  typ[8]="380:red:Kent Police greatest faller in Police Forces (down 31) - April 2008";  function typewrite() {    var m = typ[current];    document.getElementById("typewriter").href = '/survey/report.html?rt=' + m.substring(0,m.indexOf(':'));    m = m.substring(m.indexOf(':') + 1);    document.getElementById("typewriter").style.color = m.substring(0,m.indexOf(':'));    m = m.substring(m.indexOf(':') + 1);    m = m.replace("&amp;","and");    document.getElementById("typewriter").innerHTML = m.substring(0, x++) + "_";        if (x == m.length + 1) {      x = 0      current++      if (current > typ.length - 1) {        current = 0      }      setTimeout("typewrite()", speed2)      }    else {      setTimeout("typewrite()", speed)    }  }  //document.getElementById("tickertitle").innerHTML = "Latest: ";  /*document.getElementById("smHeadlines").style.padding = "10px";*/  typewrite()  </script>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

js
打字机

原生JS实现几个常用DOM操作API实例
下面小编就为大家带来一篇原生JS实现几个常用DOM操作API实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-01-01
js实现简单的放大镜效果
这篇文章主要为大家详细介绍了js实现简单的放大镜效果，可随意更改，放大区域的大小、比例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09
uniapp基础知识点掌握以及面试题整理
uni-app是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,下面这篇文章主要给大家介绍了关于uniapp基础知识点掌握以及面试题整理的相关资料,需要的朋友可以参考下
2023-02-02
Postman自动化接口测试实战
有时我们可能需要在多个环境下对同一个接口进行测试。比如我们请求的域名,开发、测试、生产环境,请求参数。文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-11-11
新手入门js闭包学习过程解析
这篇文章主要介绍了新手入门js闭包学习过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-10-10
详解JavaScript如何实现更短时间的延时函数
在项目开发中,经常能遇到需要延时执行的需求,比如实现一个定时器功能,本文主要和大家介绍了JS如何实现更短时间的延时函数,需要的可以参考下
2024-03-03
JavaScript实现使用Canvas绘制图形的基本教程
本篇文章主要介绍了JavaScript实现使用Canvas绘制图形的基本教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
2016-10-10
微信小程序实现单选选项卡切换效果
这篇文章主要为大家详细介绍了微信小程序实现单选选项卡切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-02-02
javaScript基础详解
本文主要介绍了javaScript的基础知识，具有很好的参考价值，下面跟着小编一起来看下吧
2017-01-01
如何使用JavaScript和XLSX.js将数据导出为Excel文件
这篇文章主要给大家介绍了关于如何使用JavaScript和XLSX.js将数据导出为Excel文件的相关资料,xlsx.js基于JavaScript的Excel文件读写库如果你需要在浏览器端处理Excel文件,那么xlsx.js可能是一个不错的选择,需要的朋友可以参考下
2024-05-05

js打字机效果代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具