実用WEBデザイン

296views!

投稿日 : 2017年8月30日

タグ :

セールにぴったり!カウントダウンタイマー

countdown

こんにちは!楽々通販2サポート担当 中山です。 まもなく楽天スーパーセールの開催ですね!出店中の方は準備万端でしょうか。 折角ご新規様がいらっしゃる機会ですので、準備不足でお客様を逃がさないようにしたいところですね。

セールにぴったり!カウントダウンタイマープレゼント

2017年9月スーパーセール カウントダウンタイマー
HTML
素材をダウンロード
今後もセールはもちろん、それ以外でも使えそうなwebページの素材をご用意しますので、お楽しみに!!

countdown.zipの中身と ソースコードの解説

countdown.zipをダウンロードすると、4つのファイルが入っています。
cowntdown

countdown.zipに入っている、sample.jsを操作することにより、カウントダウンタイマーの時間を変更することができます。
ZIP内部のsample.html 12行目(赤文字)は変更しないでください


<div id="CDT">

 <p>楽天スーパーセールまで</p>
   
   <div id="CDT_sat"></div>
 
<!-- ここにカウントダウン情報が出ます -->
  
 <div><img src="SS_a01.jpg"  alt="楽天スーパーセール" /></div>
 
</div>


ZIP内部のsample.js 32行名(赤文字)を指定の年月日にすることで、カウントダウンタイマーの時間を調整することができます。

 },addZero:function(num){ return ('0'+num).slice(-2); }
}
function CDT_sat(){
 var tl = new Date('2017/12/31 23:59:59');

  //('YYYY/MM/DD HH:MM:SS') の形式で登録してください。


関連記事