文字が変化しながら表示されるコードを書きたい

Question

どの言語なら記述できるかわからないのですが、文字が
i
hg
sjs
kshs
abcde
と順番に変化し、上書きされていくコードを書きたいです。ルーレットみたいな感じです。

（操作ミスで途中のまま投稿してしまったのですが、取り急ぎ言えることは、）while文を使う方法で書いてみたのですが、no outputになってしまいました。また、同じ場所に（左寄せで）文字を高速で変化させながら表示させるコードを書けず、最後の1つしかoutputされなかったり、すべてばらばらの場所にアウトプットされてしまいます。

言語は、CSSやPythonでもいいです。Pythonの方がわかるのですが、どちらかというとJSの方が向いているのかなと思いました。

まだ投稿するつもりではなかったのですが、スマホから初めて使用してみたら投稿ボタンに触れてしまいました...すみません。取り急ぎ失礼します。

Answer 1

<script>
var timerID;
const txt=["i","hg","sjs","kshs","abcde"];
timerID=setInterval(()=>{
  document.querySelector('#view').textContent=txt.shift();
  if(txt.length==0) clearInterval(timerID);
},300);
</script>
<div id="view"></div>

Comments

[t.z]

これです！稚拙な文から読み取っていただきありがとうございます。

Answer 2

上書きされていくコードを書きたいです。

何にその結果を表示するかが最大の問題です。たとえば、console.logは一度出力したものを上書きできませんので、対応不能です。

逆に、「普通に出力すれば上書きされる」ような箇所であれば、ほぼ悩むこともないかと思います。

Comments

[t.z]

すみません、console.logは間違えてコピペしてしまったものです。それを消そうとして、間違えて投稿ボタンを押してしましまいした。
ご回答ありがとうございます。お手数をおかけしました。

[maisumakun]

質問の修正内容を確認しましたが、元の回答からは特に変わりません。出力したい場所は「どのような環境」なのでしょうか？

[t.z]

ご確認ありがとうございます。出力したい場所はwebブラウザ上です。