0

より現実的なタイプライティングを作成しようとしています。これにより、タイプミスが発生し、文字の削除/追加によってエラーが修正されます。

それでも、を介して文字を追加および削除できる簡単なソリューションを作成しましたslice。しかし、ミスタイピング機能を実装する方法がわかりません。

これまでに行ったことは次のとおりです。

var str = 'Foo bar is not equal to bar foo.';
var len = str.length;

var elem = document.body;

var rem = len;
var add = 0;

(function type(){
  if(!rem || add === len) return;

  // write
  elem.innerHTML = str.slice(0, ++add);

  // remove
  // elem.innerHTML = str.slice(0, --rem);

  setTimeout(type, 100);
}());

http://jsbin.com/upufaf/6/edit

これを機能させるためのアイデアやすでに完成したソリューションはありますか?

ところで:現実的なタイプライターと呼ばれるものは既にありますが、このソリューションは単純な問題に対して少し肥大化しすぎていると思います。

4

1 に答える 1