*

時限(カウントダウン)タイマーを設置したい

この記事は約3分で読むことができます。

楽天でショッピング中に見かけた、この100分の1秒単位でカウントダウン(キッチンタイマー?)するバナー。この急かされ感はいい感じなので、ぜひ、ショップサーブのお店に取り入れたいと思い調べてみた!

これ系は、基本、JavascriptかJqueryでしょう。その辺を探ってみれば簡単に見つかると思いきや、秒単位のカウントダウンはたくさんあるけど、100分の1秒まで対応したサンプルコードを見つけるのにちょっと苦戦しました。

でも、とりあえずJavascriptで使えそうなのを発見したのご紹介。

http://javascript123.seesaa.net/s/article/102586838.html

このサンプルは2015年1月までのカウントダウンなので既に終了。

year=2015; //年
mon=1; //月
day=1; //日
time=0; //時

この部分を変更すればバッチリですね。

とりあえず、サンプルをそのままお借りして2016年12月31日までのカウントダウンを設定してみました。


http://netshop7.com/sakusei/timer.html

というHTMLファイルを別で作成して、インラインフレーム(iframe(小窓))で呼び出しています。ショップサーブの場合、ページ毎にHEAD内を編集できないので、インラインフレームが一番取り入れやすいと思われます。

楽天のお店は、950px✕285pxという大きなバナーに見えてますが、このバナー(に見える)ページを作成して、それをインラインフレームで商品ページに埋め込んでいる感じです。カウンタータイマーは、そのHTMLにjavascriptで表示させていました。(タイマーのjavascriptは楽天ユーザーが使えるもの)

タイムセールで売り上げよう。

ちなみに、ヤフーストアで、こういったJavaScriptを使うには、トリプルというオプションを申しこまないといけないんですよね~。300Mで月3000円、10Gで月額5000円です。JS以外CSSなども使えるんですが、それだけのためにこの金額の意味がわからないですね。

それなら、カラー・ミーショップ・プロショップサーブで自社サイト立ち上げたほうが良くね?


Adsense

関連記事

ランサーズ

Lancers(ランサーズ)で仕事を取ってみた

ランサーズ(Lancers:仕事募集応募サイト)に興味本位で登録したものの、「見てるだけ〜」のいわゆ

記事を読む

スーツケース

従来型バッグとスーツケース(キャリーバッグ)

「出張時はスーツケース(キャリーバッグ)」が定番化しつつあります。そんな時代の趨勢に便乗して出張時は

記事を読む

すべて失ってもLPO

すべてを失ってなっても忘れてはいけないランディングページ作成7つの重要ポイント

ここ数年のウェブスキルで、最も重要なのはランディングページ(LP)を設計し作成できるスキルでしょう。

記事を読む

売らずに買われるネット通販

売らずに買われるネット通販

手元に紹介し忘れたネットショップ開業、そして運営ノウハウの教科書とでも言うべき本が目に止まりました。

記事を読む

教材買って失敗

乗せられて教材を買って失敗した話

世の中には、「売るのがうまい人」がいるんですよね。 いいモノを見極める力は、それなりにあると思

記事を読む

消費者直送を嫌がるメーカー・消費者直送をすべきメーカー

個人宅への直送を嫌がるメーカーが口をそろえて言うのが「トラブルが嫌」です。 メーカーは決ま

記事を読む

no image

利益が出すぎた。節税どうすれば良い?

今年もやってきました。確定申告です。 日々の記帳を怠っていたツケに頭を悩ませる時期です。毎年の

記事を読む

去って欲しい社員

去って欲しいスタッフの条件

ドワンゴ社内に飾られている「去ってほしい社員の条件」 出典:天久聖一の「家庭遺産」(http

記事を読む

カウントダウン

繁盛感の演出~注文が入りました!自動スクロール~

楽天ショップなどでよく見かける「注文が入りました!」逆スクロールをショップサーブに導入しよう!企画?

記事を読む

NAVERのまとめサイト

SEOを考えた時のNAVERのまとめサイトについて

ご存知のように、NAVERのまとめサイトは、検索結果に頻出です。 何かと、上位に出てきますよね

記事を読む

Adsense

Adsense

仕入れは楽しい
スーパーデリバリー(SD)・デビュー週数間。やっぱり仕入れは楽しいかも。

ふとした思いつきからネット仕入れのスーパーデリバリーを、審査を

スーパーデリバリー
仕入れ日記。スーパーデリバリー審査通った?落ちた?

ネット販売で小売業をやっていると、販売用の商品はもちろん仕入れ

イージーマイショップ
ネットショップ開業easy my shop(イージーマイショップ)の評価。べた惚れかも

EC業界、日々変化して、なにかと対応に追われる日々を送る店長X

イージーマイショップ
easy my shop(イージーマイショップ)はどうよ?評価は?by現役店長

ネットショップ開業と言えば、ショップサーブをはじめとして、カラ

格安SIM
年収300万円以下なのにオススメ格安SIMを使わないのは、お金にだらしないと言わざるをえないかも。

「お金ない~」って言う人いますよね。年収が少ないのかというと、そうでも

→もっと見る

PAGE TOP ↑