1日1回、指定した時刻の間、画像を切り替えるというのを作ってみました。
jQuery使用が前提です。
js
1$(function () {
2
3 // ハンバーガーオブジェクト
4 var menuObj = $('#hambMenu');
5 // 差し替え設定
6 var rep = {
7 begin: '1000', // 切り替え開始時刻
8 end: '1910', // 切り替え終了時刻
9 newFile: '/src/img/change.png', // 切り替わる画像
10 baseFile: '/src/img/hamburger.jpg' // 元になる画像
11 };
12 // 現在時刻
13 var _t = new Date(),
14 hour = ('0' + _t.getHours()).slice(-2),
15 minute = ('0' + _t.getMinutes()).slice(-2),
16 time = hour + minute;
17
18 // 時刻判定
19 if ( (time >= rep.begin ) && ( time < rep.end )) {
20 // 時刻内なので画像切り替え
21 $(menuObj).attr('src', rep.newFile);
22 } else {
23 // 時刻外なので元画像を使用
24 $(menuObj).attr('src', rep.baseFile);
25 }
26
27});
参考になれば幸いです。