0

以前のプログラミングの知識はありますが、これについては助けが必要です。Instapaper.comにあるような JavaScript ブックマークレットを作成する必要があります。

このブックマークレットに次の機能と外観を持たせたい:

  • ページの隅にポップアップ (コードで指定できます)
  • 0秒から60秒までのカウントアップタイマーを表示
  • メインカウントの下に「タイマー」のようなアイコン/グラフィックを配置する (instapaper.com スクリプトを参照)

ただし、これらはすべて基本的な要件ですが、誰かが上記を実行し、これらについて私を助けてくれれば、大歓迎です。

  • 45 秒から 60 秒まで、フォントの色を赤く点滅させたい
  • 60秒後に、入力できるメッセージを含むメッセージボックスを表示したい
  • 60 秒前にクリックすると、閉じます

...そして、これらはすべてより複雑な要件です。これらのフィールドをカスタマイズできる要素の下に「オプション」ボタンを作成する方法があれば、それは素晴らしいことです!

私を正しい方向に向けたり、コードを提供したりするのに役立つすべての助けが素晴らしいでしょう。また、これがどれだけ実行可能かはわかりませんが、上記の最初の 3 つの箇条書きで誰かが私を助けてくれれば、それは大歓迎です.

ありがとう！

4

2 に答える 2

1

JavaScript には、Date秒数をカウントするために使用できるオブジェクトがあります。 new Date().time()UNIXタイムスタンプを取得します。クロックが不足している場合は、関数を使用して関数をスリープ状態にして、setTimeout頻繁にチェックします。1 秒に 1 回実行するには、値を 1000 に設定します。

「ポップアップ」の場合、実際のウィンドウを使用するのではなく、div コンテナー要素を使用します。絶対配置用の CSS を適用し、top:0px右right:0px上隅に配置できます

タイマーを実行すると、タイマーを表示するのは簡単です。値を取得してフォーマットしinnerHTML、コンテナ要素の属性をその値に設定して出力するだけです。次に例を示します。

document.getElementById('timer').innerHTML = clock;

HTML 要素を作成し、CSS を追加し、JavaScript イベントを実装できるため、Web ページで実行できることはすべて JavaScript で再現できますが、より面倒です。

于 2009-12-29T04:02:55.140 に答える
0

コードを提供していないことを考えると、最初から始めていると仮定します。

于 2009-12-29T17:35:34.783 に答える