問題タブ [flipclock]

jQuery プラグインを使用して、Web ページにカウントダウン タイマーを配置しています。現在、タイマーの表示内容を制御するコードは次のとおりです。

プラグインの JS は、 https ://github.com/objectivehtml/FlipClock/blob/master/js/flipclock/flipclock.js で確認できます。

使用中のコードのサンプル ページは、http: //flipclockjs.com/faces/daily-counterで確認できます。

現在、タイマーは 3 日間のカウントダウンで、ページが更新されるたびにリセットされます。絶対的なカウントダウンタイマーにカスタム時間を使用したい（ページの更新でリセットされない）。日付を 2013 年 9 月 30 日午後 12:00 PST (米国西部 - カリフォルニア タイム ゾーン) にします。

JavascriptまたはjQueryを使用してこれを行う方法はありますか?

基本的な時間追跡クロム拡張機能を開発していますが、FlipClock.js (jQuery プラグイン) と Knockout を統合する際に問題が発生しました。

目標は、関連する HTML の foreach バインディング テンプレートを作成し、FlipClock をインスタンス化することです。合計 4 つの FlipClock まで。現在、FlipClock から次のエラーが発生しています:「カウントダウンが既に 0 のときにタイマーを開始しようとしています」。私の推測では、これは「Knockout is destroy your Flipclock when the viewmodel updates.」の略だと思います。

私の質問はこれです: フリップクロックがノックアウト ビューモデルで更新されないようにする方法はありますか?

以下に関連するコードを貼り付けました。

JS:

HTML:

私は、flipclockjs.com JQuery ライブラリーを使用して、大晦日に地元のパブで使用できる簡単なスクリプトを作成して、誰もが新年を迎えられるようにしています。

基本的な考え方は、夕方には秒単位の 24 時間時計が時を刻むというものです。真夜中まで 30 秒になると、時計の下にカウントダウンが表示され、真夜中になると、カウントダウンは「明けましておめでとう」のメッセージに置き換えられ、時計は現在の時刻を表示し続けます。

現在のドラフトはこちら(フィドル)

(この例は 23:59:20 に開始するように設定されているため、動作を確認するために 20 日ほど待つ必要はありません! )

それはある程度機能しますが、 FlipClockライブラリの動作方法が原因である可能性があるいくつかの奇妙な点があります。カウントダウンが最初に表示されると、「29」が表示され、次に「30」が表示され、その後正しくカウントダウンされます。理由がわからないようです。また、時計自体は単なるカウンターなので、午前0時になると00:00:00ではなく24:00:00を示します。また、時桁の「99」が短く点滅します。これもまた、ライブラリで行うにはファンキーなものになる可能性があります。

このコードのクリーンアップを手伝ってくれる FlipClock の専門家はいますか? あるいは、Javascript カウンターとクロック用のより優れたライブラリがありますか? 私は FlipClock のデザインが大好きですが、このアプリケーションが気に入らなければ、それに固執することはできません。

FlipClock.jsを使用して、元旦までのカウントダウン クロックを設定しています。これを、現地時間の午前 8 時までのカウントダウンに変更したいと考えています。これを行う方法について少し混乱しています。

現在使用しているスクリプトは次のとおりです。

編集

コードを次のように変更してみました。

この行

この行に変更されました：

これを行うと、カウントダウン クロックに 1 時間が追加されました。時間は午前12時から午前8時までだったので、さらに追加する必要があります。私は何を間違えましたか、どうすれば修正できますか?

私は自分のサイトでflipclock.jsをセットアップしようとしていますが、何をしてもロードされていないようです.chromeは私に次のエラーを与えます:

キャッチされていない TypeError: null のメソッド 'FlipClock' を呼び出せません

私のコードは次のようにレイアウトされています：

すべての jquery ファイルが問題なくロードされています。上記のエラーが 1 つだけ表示されます。また、フリップクロックファイルを体の下に移動して、後でロードするようにしましたが、運が悪く、同じエラーが発生しました。これを修正するためのいくつかのアイデアをいただければ幸いです。ありがとう。

これを使用してFlipClock jsの使用を開始しました：

時計は表示されますが、タイマーが作動しません。

すなわち: クロック タイマーは反転しません。

clockFace を「HourlyCounter」に置き換えてみたところ、完全に機能しました。ただし、 「DailyCounter」では動作しません。

これはバグですか、それとも私だけですか?

Flipclock http://flipclockjs.com/に苦労しています。彼らのウェブサイトを閲覧しましたが、時間を変更する方法に関するヒントが見つかりません。

私がやりたいのは、表示したい時間を設定することです。問題は、一部のスマート TV のブラウザーでタイムゾーンの変更に問題があるため、PHP を使用してサーバーから時刻を取得したかったのですが、時刻を設定できません。これは私のコードです。カウントダウンの例をいくつか見つけただけですが、それはまったく役に立ちません。現地時間を使用するだけで、まったく変更されません。よろしくお願いします。

http://flipclockjs.com/を使用しています

これまでのところ、これは私の呼び出しスクリプトです。

正確な日付からカウントダウンする方法を教えてください。

たとえば、日付は英国時間で 2014 年 7 月 21 日であり、そのサイトにアクセスするすべてのユーザーは、現在の日付に基づいてその日付までの残り時間を確認できます。