Q&A
ソースコードが読みづらいので質問を編集し、<code>をクリックしたら表示されるバッククオートで囲まれた部分に貼ってください。
javascriptで1秒ごとに文章（「あああ」「いいい」「ううう」）が入れ替わるようにしたいです。
現在、以下のように入力しています。
【html】
<body> <div id="text1"><script type="text/javascript" src="js1.js"></script></div> </body>【javascript】
setInterval(function(){
myMes = new Array(
'あああ',
'いいい',
'ううう',
);
myRnd = Math.floor( Math.random() * myMes.length );
document.write( myMes[myRnd] );
}, 1000);
しかし、これではテキストが「いいいうううあああううう…」のように無限に続いてしまい、文章が入れ替わりません。
1文ずつ表示する方法をご存知でしたらご教授いただきたいです。
よろしくお願いいたします。
document.write()
やめませんか。問題と直接関係があるわけではないですが。
なぜなのか、は調べればすぐ出てきます
回答1件
0
ベストアンサー
document.writeを使っているうちは成長できないものと理解下さい
やるならこんな感じでしょうか
投稿2021/01/12 00:08
総合スコア116724
<script>
window.addEventListener('DOMContentLoaded', ()=>{
const myMes=[
'あああ',
'いいい',
'ううう',
];
setInterval(()=>{
const myRnd = Math.floor( Math.random() * myMes.length );
document.querySelector('#text1').textContent=myMes[myRnd];
},1000);
});
</script>
<div id="text1"></div>
出来ました。ありがとうございました。
あなたの回答
tips
プレビュー
