バナーやページ内容を差し替えたいときありますよね。そんなときのために、楽天の楽天GOLDやYahoo!ショッピングのトリプルなどHTMLページで使えるJavascriptを書きました。指定する<div>タグに囲まれた要素を指定した時間のみ表示するようにできるので、バナーだけでなくあらゆるHTMLタグを期間限定で表示可能。ただのJavascriptとHTMLなので楽天GOLDやトリプル関係なくどこでも使えます。まとめ:期間・時間限定でバナーやページ内容を表示させる方法スポンサーリンク期間・時間限定でバナーやページ内容を切り替える方法JavascriptとCSSを使ってはいますが、初心者でも問題なく使えるよう、コピペして時間を書き換えるだけで期間限定バナーが出せる状態にしてあります。ページ内に埋め込めるJavascriptのみで構成しているので外部JavascriptやjQueryを読み込まなくてオッケー。document.getElementById("timeLimitedScript").style.display="block";}}--></script>まずは、上記コードを、期間限定表示に使うHTMLファイル上<body>開始タグのすぐあとの行にコピペしてください。<body>開始タグの次の行にコピペ。アクロバティックな場所に入れるのでもなければ基本的にはどこでも動くはず。」の真上でも良いでしょう。私個人的には時間限定の要素があることがわかりやすいように<body>開始タグのすぐあとに入れることをオススメします。ほかのスクリプトなどと干渉して正常に動かない可能性もありますし。日付の部分を表示させる期間のスタート日時と終了日時に書き換えてください。表示終了時刻このまま使うと平成が終わる2019年4月30日まで表示され続けるので注意。逆にいえば、平成が終わってからは一切表示されません。期間限定で表示する内容あとは期間限定のバナーや表示をさせたいHTMLタグを下記で囲むだけを追加するだけ。非表示にしたdivボックスに入れることで非表示に。表示設定が優先され、表示されます。効いて表示されないってわけです。楽天市場の楽天GOLDとYahoo!ショッピングのHTML領域であるトリプル環境で動作確認しています。トリプルはHTMLファイルをアップロードしてから実際に更新が反映されるまでかなりタイムラグがあります。そのため表示スタート時間ギリギリ、もしくは表示スタート時間後にアップロードすると表示時間内でもすぐには表示されない場合もあります。Yahoo!ショッピングトリプルの更新反映ラグについて詳しくは、下記リンクよりどうぞ。Yahoo!ショッピングトリプル(html領域)を更新しても反映されない原因Yahoo!ショッピングトリプル領域の更新が反映されない時の対処方。」など、毎月日付が決まっているセールもあります。時間指定はできませんが、毎月決まった日付のときだけ表示させるJavascriptも作っています。興味ある方は、下記リンクよりどうぞ。期間で表示する内容を変えるJavaS特定の日付や期間で表示させるHTMLを変えられます。...https://ec-tsushin.com/saleday_javascript/タイトルではYahoo!ショッピング5のつく日用なんてかいてありますが、設定次第ではゾロ目の日や楽天市場の0のつく日も対応可能です。まとめ:期間・時間限定でバナーやページ内容を表示させる方法scriptコードをhead開始タグのすぐ下にコピペし、任意の日程を設定する。専用のdivボックス内に囲まれたHTMLタグは、Javascript側で設定した期間内のみ表示される。セール開始や終了と同時にバナー切り替えるなど、表示を手動で切り替えようとするとプライベートな時間を犠牲にしないといけなくなります。楽天のマラソンやスーパーセールは土曜日の20時にスタートしたり、深夜の2時までだったり。(正確には1時59分まで)無駄に仕事したくないので作りました。セール時以外にも使えると思いますので、ぜひぜひご活用ください。楽天RMSの画面UIデザインが大幅変更!もとに戻す方法は?週明けて出社してみたら、楽天市場のRMSの画面がリニューアルされていてビックリ。フローティングバナーの設置方法Yahoo!ショッピングにフローティングバナーを設置。コメントをキャンセルメールアドレスが公開されることはありません。*ウェブサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。date*日本語が含まれない投稿は無視されますのでご注意ください。LOWYAさんがかなり好きなんですが。今回は楽天スマホ商品ページの画像下に案内文を追加するカスタマイズです。