js打字機(jī)效果代碼

更新時(shí)間：2008年06月28日 17:20:14 作者：

大家經(jīng)常用js實(shí)現(xiàn)打字機(jī)效果，最近發(fā)現(xiàn)這個(gè)不錯(cuò)

<html><head><title>Type Write</title><style type="text/css">a{text-decoration:none}</style></head><body>  <div   class="msol772"   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需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

原生JS實(shí)現(xiàn)幾個(gè)常用DOM操作API實(shí)例
下面小編就為大家?guī)硪黄鶭S實(shí)現(xiàn)幾個(gè)常用DOM操作API實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-01-01
js實(shí)現(xiàn)簡(jiǎn)單的放大鏡效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單的放大鏡效果，可隨意更改，放大區(qū)域的大小、比例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-09-09
uniapp基礎(chǔ)知識(shí)點(diǎn)掌握以及面試題整理
uni-app是一個(gè)使用vue.js開發(fā)所有前端應(yīng)用的框架,開發(fā)者編寫一套代碼,下面這篇文章主要給大家介紹了關(guān)于uniapp基礎(chǔ)知識(shí)點(diǎn)掌握以及面試題整理的相關(guān)資料,需要的朋友可以參考下
2023-02-02
Postman自動(dòng)化接口測(cè)試實(shí)戰(zhàn)
有時(shí)我們可能需要在多個(gè)環(huán)境下對(duì)同一個(gè)接口進(jìn)行測(cè)試。比如我們請(qǐng)求的域名,開發(fā)、測(cè)試、生產(chǎn)環(huán)境,請(qǐng)求參數(shù)。文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-11-11
新手入門js閉包學(xué)習(xí)過程解析
這篇文章主要介紹了新手入門js閉包學(xué)習(xí)過程解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-10-10
詳解JavaScript如何實(shí)現(xiàn)更短時(shí)間的延時(shí)函數(shù)
在項(xiàng)目開發(fā)中,經(jīng)常能遇到需要延時(shí)執(zhí)行的需求,比如實(shí)現(xiàn)一個(gè)定時(shí)器功能,本文主要和大家介紹了JS如何實(shí)現(xiàn)更短時(shí)間的延時(shí)函數(shù),需要的可以參考下
2024-03-03
JavaScript實(shí)現(xiàn)使用Canvas繪制圖形的基本教程
本篇文章主要介紹了JavaScript實(shí)現(xiàn)使用Canvas繪制圖形的基本教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
2016-10-10
微信小程序?qū)崿F(xiàn)單選選項(xiàng)卡切換效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)單選選項(xiàng)卡切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-02-02
javaScript基礎(chǔ)詳解
本文主要介紹了javaScript的基礎(chǔ)知識(shí)，具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
如何使用JavaScript和XLSX.js將數(shù)據(jù)導(dǎo)出為Excel文件
這篇文章主要給大家介紹了關(guān)于如何使用JavaScript和XLSX.js將數(shù)據(jù)導(dǎo)出為Excel文件的相關(guān)資料,xlsx.js基于JavaScript的Excel文件讀寫庫如果你需要在瀏覽器端處理Excel文件,那么xlsx.js可能是一個(gè)不錯(cuò)的選擇,需要的朋友可以參考下
2024-05-05