http://www.gifu-marathon.jp/
こちらのページに使われているカウントダウンを参考にしています。
このカウンターにミリ秒を追加したいのですが、どのように記述したらいいでしょうか。
<script type="text/javascript">
(function($){
$.fn.countdownSimple = function(options) {
var opts = $.extend({}, $.fn.countdownSimple.defaults, options);
return this.each(function() {
CountDown($(this), opts);
});
function CountDown ($obj, opts) {
var now, point, diff, dy, hr, minr, sr,
thisInterval = window.setInterval( function() {
now = new Date();
point = new Date( opts.until );
diff = Math.floor(
( point.getTime() - now.getTime() ) / 1000 );
dy = Math.floor( diff / 86400 );
hr = Math.floor( diff % 86400 / 3600 );
minr = (Math.floor( diff % 86400 / 60 ) % 60 );
sr = (Math.floor( diff % 86400 % 60 ) % 60 );
if(diff>0) {
$obj.html( "" + dy + ":"
+ "" + zerofill(hr) + ":"
+ "" + zerofill(minr) + ":"
+ "" + zerofill(sr) + "" );
} else {
$obj.html( opts.complete );
clearInterval(thisInterval);
}
}, 980);
};
function zerofill(str) {
var str = "00" + str;
return str.substr(str.length-2, 2);
};
};
$.fn.countdownSimple.defaults = {
until: "2011/12/31",
complete: "Time Over!"
};
})(jQuery);
$(document).ready( function() {
$('div#countdown').countdownSimple({
until: "2014/5/18 9:00:00",
complete: "岐阜清流ハーフマラソンスタート!!"
});
});
</script>
No.1ベストアンサー
- 回答日時:
こんにちは。
PCの時間は、一応ミリ秒(1/1000秒)単位になっています。
ご提示のスクリプトでは
>diff = Math.floor(
>( point.getTime() - now.getTime() ) / 1000 );
としているところで、最初に 1/1000 にしているので、秒単位にしていることになります。
ここを1000で割らずに、ミリ秒単位のままにしておいて、そのかわり後の計算をこれに応じて修正し、1000以下の数値分をミリ秒として追加表示すればご質問のようなことが可能になります。
ただし、計算速度がそれほど速くはないと思いますので、計算のインターバルを1/1000秒にすることはナンセンスでしょう。
それなので、精度が表示に見合っているかといえば、それは期待できないことになりそうです。
(仮に表示できたとしても、人が1/1000秒を読みとれるとも思えませんが…)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
getElementByIdを使用したグロ...
-
functionから別のfunctionを実...
-
関数でy=g(x)のgとは何の略です...
-
クロージャーの利点が理解できない
-
Javascriptの変数がうまく渡せ...
-
jQueryの導入について
-
これも関数ですか?
-
大分類・中分類・小分類のvalue...
-
同じIDで定義した要素の配列を...
-
C#テキストボックスの文字を配...
-
C#OpenCv V4にのエラーに関する...
-
パス付きサイトのjavascript解析
-
undefinedを表示させない方法は...
-
イベントが初めの一回しか起き...
-
class指定したHTML要素の背景色...
-
【西暦等の変換】
-
15パズルの作り方が分かりません!
-
ジェネレーターの作り方
-
javascriptの正規表現で変数を扱う
-
onchangeイベントを使ってspan...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
関数でy=g(x)のgとは何の略です...
-
idを使わずにonclickで自身の要...
-
functionから別のfunctionを実...
-
jQueryの :not() .not() が有効...
-
処理前の「お待ちください」
-
jslintのエラーについて質問
-
XMLHttpRequestでキャッシュを...
-
クリックすると上に開くアコー...
-
コードをスマートにさせたい。
-
関数名をテキストから読み込む...
-
jqueryの変数を関数の外に出す方法
-
シューティングゲームの作り方
-
要素名がスペースを含む場合のj...
-
getElementByIdを使用したグロ...
-
XMLHttpRequestオブジェクトが...
-
jQueryが読み込めない
-
Ajaxでデータベース(PostgreSQL)
-
setTimeoutで、止まらない
-
jQueryでzipを解凍読み込みする...
-
CDの曲をケータイのSDに移す
おすすめ情報