円を 16 の部分 (4 つの四半期のそれぞれに 4 つのセグメント) に分割し、各部分に番号 1,2,2,2 / 1,2,2,2 / 1,2,2,2 / 1 で名前を付けます、2、2、2。
HTML5 と jQuery のコードで、黄色の部分 (16 個の部分のうち 1 個は黄色、その他は灰色) をクリックすると、円のアウトライン コウノトリがアニメーション化されます。プログラムは黄色の部分からアニメーションを開始します。コードは、色を変更して円の周りの数字をアニメーション化すると同時に、各数字でサウンドを再生する必要があります。たとえば、アニメーションがパート 1 を受け取ると、その色がオレンジ色に変わり、「こんにちは」という音声が再生されます。アニメーションが番号 2 を受け取ると、「ようこそ」というサウンドが再生され、色がオレンジ色に変わります。
円の各四半期の後、少し遅れたいと思います。たとえば、クォーター 1 をプレイした後、プログラムは 50sc の間プレイを停止し、その後クォーター 2 を開始する必要があります。プロセスの最後に、黄色の部分がグロー ライトでアニメーション化され、再生が停止します。