Powered by Blogger.

Script HTML Teks Mengetik / Typing Text


HTML
Nih Script Nya Tanpa Basa Basi :

<style type="text/css">
<!--
.ahgcrewstyle {
        color: #F00;
}
.ahg {
        color: #0F0;
}
#message font strong {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 18px;
}
.gre {
        color: #9F3;
        font-size: 36px;
}
#message font {
        font-size: 16px;
}
-->
</style>
</head><body alink="gray" bgcolor="black" vlink="gray" link="gray" text="gray">
<p></p><center>
<center></center>
<script type="text/javascript">
TypingText = function(element, interval, cursor, finishedCallback) {
  if((typeof document.getElementById == "undefined") || (typeof element.innerHTML == "undefined")) {
    this.running = true;
    return;
  }
  this.element = element;
  this.finishedCallback = (finishedCallback ? finishedCallback : function() { return; });
  this.interval = (typeof interval == "undefined" ? 100 : interval);
  this.origText = this.element.innerHTML;
  this.unparsedOrigText = this.origText;
  this.cursor = (cursor ? cursor : "");
  this.currentText = "";
  this.currentChar = 0;
  this.element.typingText = this;
  if(this.element.id == "") this.element.id = "typingtext" + TypingText.currentIndex++;
  TypingText.all.push(this);
  this.running = false;
  this.inTag = false;
  this.tagBuffer = "";
  this.inHTMLEntity = false;
  this.HTMLEntityBuffer = "";
}
TypingText.all = new Array();
TypingText.currentIndex = 0;
TypingText.runAll = function() {
  for(var i = 0; i < TypingText.all.length; i++) TypingText.all[i].run();
}
TypingText.prototype.run = function() {
 if(this.running) return;
 if(typeof this.origText == "undefined") {
   setTimeout("document.getElementById('" + this.element.id + "').typingText.run()", this.interval);
   return;
 }
 if(this.currentText == "") this.element.innerHTML = "";
 if(this.currentChar < this.origText.length) {
   if(this.origText.charAt(this.currentChar) == "<" && !this.inTag) {
     this.tagBuffer = "<";
     this.inTag = true;
     this.currentChar++;
     this.run();
     return;
   } else if(this.origText.charAt(this.currentChar) == ">" && this.inTag) {
     this.tagBuffer += ">";
      this.inTag = false;
      this.currentText += this.tagBuffer;
      this.currentChar++;
      this.run();
      return;
    } else if(this.inTag) {
      this.tagBuffer += this.origText.charAt(this.currentChar);
      this.currentChar++;
      this.run();
      return;
    } else if(this.origText.charAt(this.currentChar) == "&" && !this.inHTMLEntity) {
     this.HTMLEntityBuffer = "&";
      this.inHTMLEntity = true;
      this.currentChar++;
      this.run();
      return;
    } else if(this.origText.charAt(this.currentChar) == ";" && this.inHTMLEntity) {
     this.HTMLEntityBuffer += ";";
      this.inHTMLEntity = false;
      this.currentText += this.HTMLEntityBuffer;
      this.currentChar++;
      this.run();
      return;
    } else if(this.inHTMLEntity) {
      this.HTMLEntityBuffer += this.origText.charAt(this.currentChar);
      this.currentChar++;
      this.run();
      return;
    } else {
      this.currentText += this.origText.charAt(this.currentChar);
    }
    this.element.innerHTML = this.currentText;
    this.element.innerHTML += (this.currentChar < this.origText.length - 1 ? (typeof this.cursor == "function" ? this.cursor(this.currentText) : this.cursor) : "");
   this.currentChar++;
   setTimeout("document.getElementById('" + this.element.id + "').typingText.run()", this.interval);
 } else {
        this.currentText = "";
        this.currentChar = 0;
       this.running = false;
       this.finishedCallback();
 }
}
</script>
<p id="message"><font>MASSAGE BERJALAN MU DISINI!
</font></p>
<script type="text/javascript">
new TypingText(document.getElementById("message"), 50, function(i){ var ar = new Array("\\", "|", "/", "-"); return " " + ar[i.length % ar.length]; });
//Type out examples:
TypingText.runAll();
 </script>

^ Copy Sampai Diatas ini , kalau mau ubah teks nya Cari Teks MASSAGE BERJALAN MU DISINI! lalu kamu ubah :)

Massage : Jika Mau Copy Post Ini Harap Sertakan Creditnya!
Anda baru saja membaca artikel yang berkategori HTML dengan judul Script HTML Teks Mengetik / Typing Text. Anda bisa bookmark halaman ini dengan URL http://riel404.blogspot.com/2013/08/script-html-teks-mengetik-typing-text.html. Terima kasih!
Ditulis oleh: Unknown - Monday 26 August 2013

5 komentar untuk "Script HTML Teks Mengetik / Typing Text"

  1. Mantap Gan!!! We Respect lu. We Akuin Ini Blog Pertama kali yang we kunjungi tanpa bacot dan tanpa basa basi lagi langsung di share Muwantap

    ReplyDelete
  2. Terimakasih, ini sangat membantu 👍

    ReplyDelete
  3. Bang cara ubah warna font yg mengtik sendiri gimana

    ReplyDelete
  4. kagak ngertiii
    gw lulusan anak kesehatan , kerja bagian design website wqwq

    ReplyDelete