私は、画像のテキストを 1 時間ごとに変更する必要があるプロジェクトに取り組んでいます。
私は javascript を使用setinterval()
していますが、その仕組みがわかりません。
Web サイトのユーザーがページをリロードした場合、その後間隔は再開されますか?
もしそうなら、どうすれば再起動しないようにできますか?
私は、画像のテキストを 1 時間ごとに変更する必要があるプロジェクトに取り組んでいます。
私は javascript を使用setinterval()
していますが、その仕組みがわかりません。
Web サイトのユーザーがページをリロードした場合、その後間隔は再開されますか?
もしそうなら、どうすれば再起動しないようにできますか?
はい、ユーザーがリロードすると間隔が再開されます。オブジェクトを使用して、Date
代わりに表示するテキストを決定できます。次に例を示します。
var texts = [
'Hello!',
'You rock!',
'Have a nice day.',
'Welcome :)'
];
var text = texts[Math.floor((new Date).getTime()/3600000)%texts.length];
// text will update every hour (when the page is refreshed)
デモ(10秒ごとに更新するように修正)
ユーザーが Web ページを読み込むと setinterval が開始されますが、別のページを更新または移動すると、setinterval はカウントを継続しません。
これを行う最善の方法は、javascript で日付を使用することです。
だからあなたは何かをすることができます。
午前 9 時 - この画像を表示 午前 10 時 - この画像を表示 など...
ブラウザの更新イベントを特定し、その間隔をキャッシュまたはローカル ストレージに保存します。ブラウザの更新が完了すると、再開間隔の値