Teres-1t.ru

Π˜Π½ΠΆΠ΅Π½Π΅Ρ€Π½Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ
5 просмотров
Π Π΅ΠΉΡ‚ΠΈΠ½Π³ ΡΡ‚Π°Ρ‚ΡŒΠΈ
1 Π·Π²Π΅Π·Π΄Π°2 Π·Π²Π΅Π·Π΄Ρ‹3 Π·Π²Π΅Π·Π΄Ρ‹4 Π·Π²Π΅Π·Π΄Ρ‹5 Π·Π²Π΅Π·Π΄
Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ°...

Π’Π°ΠΉΠΌΠ΅Ρ€Ρ‹ ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Ρ‹ Π² JavaScript

Π’Π°ΠΉΠΌΠ΅Ρ€ Π² JavaScript слуТит для ΠΎΠ΄Π½ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎΠ³ΠΎ выполнСния Π·Π°Π΄Π°Ρ‡ΠΈ, Ρ‡Π΅Ρ€Π΅Π· ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΎΠΊ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ создаСтся с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ setTimeout

Ѐункция setTimeout

Ѐункция setTimeout слуТит для ΠΎΠ΄Π½ΠΎΡ€Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ выполнСния Π·Π°Π΄Π°Ρ‡ΠΈ. Π’ качСствС входящих ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ², эта функция ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ — Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ ΠΏΠΎ ΠΈΡΡ‚Π΅Ρ‡Π΅Π½ΠΈΡŽΡŽ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Ρ‚Π°ΠΉΠΌΠ΅Ρ€Π° ΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ самого Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ выполнСния Ρ‚Π°ΠΉΠΌΠ΅Ρ€Π°, ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠ³ΠΎ Π² милисСкундах

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ использования Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ setTimout: Π² Π΄Π°Π½Π½ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ функция myFunction, которая Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ Π½Π° экран тСкстовоС сообщСниС, выполнится ΠΏΠΎ истСчСнии 5 сСкунд, ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π·

Ѐункция clearTimeout

Ѐункция clearTimeout слуТит для сброса Ρ‚Π°ΠΉΠΌΠ΅Ρ€Π°, фактичСски, ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π½Π΅ Π²Ρ‹Π²Π΅Π΄Π΅Ρ‚ Π½Π°ΠΌ тСкстового сообщСния, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΌΡ‹ сбросили Ρ‚Π°ΠΉΠΌΠ΅Ρ€, сразу, послС Π΅Π³ΠΎ ΠΈΠ½ΠΈΡ†ΠΈΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ

Π’Ρ‹ΡˆΠ΅ Π±Ρ‹Π»ΠΈ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ‹ стандартныС способы Π²Ρ‹Π²ΠΎΠ΄Π° часов Π½Π° сайтС. ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, всё это ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΠ»ΠΎΠΆΠ½ΠΈΡ‚ΡŒ ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‡ΡƒΡ‚ΡŒ-Ρ‡ΡƒΡ‚ΡŒ интСрСснСС, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€: ΠΊΠ°ΠΆΠ΄ΡƒΡŽ сСкунду ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ часов, ΠΌΠΈΠ½ΡƒΡ‚ ΠΈ сСкунд. НиТС ΠΊΠ°ΠΊ Ρ€Π°Π· описан Ρ‚Π°ΠΊΠΎΠΉ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ, Π½ΠΎ для Π΅Π³ΠΎ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ‚Ρ€ΠΈ элСмСнта span с >

Всё часы Π³ΠΎΡ‚ΠΎΠ²Ρ‹!

Π’ Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΊ этой ΡΡ‚Π°Ρ‚ΡŒΠΈ я Ρ…ΠΎΡ‡Ρƒ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ часы ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ достаточно ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΈ интСрСсными, Ссли ΠΏΠΎΡ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π½Π° это Ρ‡ΡƒΡ‚ΡŒ большС Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, хотя сама Π»ΠΎΠ³ΠΈΠΊΠ° скрипта достаточна проста.

Для ΠΊΠΎΠ³ΠΎ ΠΈ Π·Π°Ρ‡Π΅ΠΌ эта ΡΡ‚Π°Ρ‚ΡŒΡ?

Π§Ρ‚ΠΎ ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ Π΄Π΅Π»Π°Ρ‚ΡŒ?

РСализация Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… часов

Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ Ρ‚Ρ€ΠΈ Ρ„Π°ΠΉΠ»Π° Π² тСкстовом Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅. (ВсС Ρ‚Ρ€ΠΈ Ρ„Π°ΠΉΠ»Π° Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π»Π΅ΠΆΠ°Ρ‚ΡŒ Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅).

index.html β€” основная страничка
clockscript.js β€” скрипт с Π»ΠΎΠ³ΠΈΠΊΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹
style.css β€” Ρ„Π°ΠΉΠ» стилСй

Для Π½Π°Ρ‡Π°Π»Π° Π²Ρ‹Π²Π΅Π΄Π΅ΠΌ Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π΅ врСмя Π² ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ div-Π±Π»ΠΎΠΊ Π² .html Ρ„Π°ΠΉΠ». Π”Π°ΠΆΠ΅ Π² Ρ‚Π°ΠΊΠΎΠΉ малСнькой Π·Π°Π΄Π°Ρ‡Π΅ Π΅ΡΡ‚ΡŒ свой ΠΏΠΎΠ΄Π²ΠΎΠ΄Π½Ρ‹ΠΉ камСнь. Если просто Π·Π°ΠΊΠΈΠ½ΡƒΡ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ отобраТСния часов Π² событиС onload Ρƒ Ρ‚Π΅Π³Π° body, Ρ‚ΠΎ Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π΅ врСмя отобразится Π² строкС, Π½ΠΎ Ρ‚Π°ΠΊ ΠΈ останСтся статичСским. И div-Π±Π»ΠΎΠΊ, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΠ»ΠΈ строку с Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½Π΅ΠΌ, Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΠ±Π½ΠΎΠ²Π»ΡΡ‚ΡŒΡΡ.

Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊ ΠΆΠ΅:
Как ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ счСтчики Π±Π΅Π· нуля

Π”ΠΎΠ±ΠΈΡ‚ΡŒΡΡ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ обновлСния элСмСнта страницы ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ отобраТСния Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π² Π°Π½ΠΎΠ½ΠΈΠΌΠ½Ρ‹ΠΉ ΠΌΠ΅Ρ‚ΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ присваиваСтся свойству onload ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠ³ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Window .

Один ΠΈΠ· Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ. Π€Π°ΠΉΠ» index.html:

РазбСрСмся с Ρ€Π°Π±ΠΎΡ‚ΠΎΠΉ clockscript.js:

ВыполняСм Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉ JavaScript-ΠΊΠΎΠ΄ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ привязки ΠΊ ΡΠΎΠ±Ρ‹Ρ‚ΠΈΡŽ onload ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠ³ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Window :

ΠœΠ΅Ρ‚ΠΎΠ΄ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Window , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ выполняСт ΠΊΠΎΠ΄ Ρ‡Π΅Ρ€Π΅Π· ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΊΠΈ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ (ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Π΅ Π² миллисСкундах):

ΠžΠ±ΡŠΠ΅ΠΊΡ‚ Date ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для провСдСния Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… манипуляций с Π΄Π°Ρ‚ΠΎΠΉ ΠΈ Π²Ρ€Π΅ΠΌΠ΅Π½Π΅ΠΌ. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ конструктора создаСм Π΅Π³ΠΎ экзСмпляр ΠΈ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌ d:

Находим ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ DOM ΠΏΠΎ Π΅Π³ΠΎ >innerHTML для ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠ΅ всСго содСрТимого элСмСнта вмСстС с Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΎΠΉ Π²Π½ΡƒΡ‚Ρ€ΠΈ. И ΠΏΠ΅Ρ€Π΅Π΄Π°Π΅ΠΌ Ρ‚ΡƒΠ΄Π° Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄Π° toLocaleTimeString(), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ прСдставлСниС Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ:

Π’ΠΎΡ‚, Ρ‡Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ(врСмя динамичСски измСняСтся ΠΊΠ°ΠΆΠ΄ΡƒΡŽ сСкунду):

РСализация Π°Π½Π°Π»ΠΎΠ³ΠΎΠ²Ρ‹Ρ… часов

Π‘ этого ΠΌΠΎΠΌΠ΅Π½Ρ‚Π° ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Canvas (HTML), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ»ΡƒΠΆΠΈΡ‚ΡŒ Π½Π°ΠΌ холстом для творчСства.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ наш холст Π² Ρ„Π°ΠΉΠ»Π΅ index.html Π²Π½ΡƒΡ‚Ρ€ΠΈ body ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π³Π΄Π΅-Ρ‚ΠΎ Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ Ρ‚Π΅Π³, сразу ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΠ² Π΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹:

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π² Ρ„Π°ΠΉΠ»Π΅ clockscript.js, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΏΡ‹Ρ‚Π°Ρ‚ΡŒΡΡ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ, Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ контСкст ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Canvas . Π‘Π΄Π΅Π»Π°Π΅ΠΌ это Π² Π½Π°Ρ‡Π°Π»Π΅ нашСй Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ отобраТСния часов. Π’ΠΎΠ³Π΄Π° Ρ„Π°ΠΉΠ» clockscript.js измСнится ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

Ну Ρ‡Ρ‚ΠΎ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π²ΡΠΏΠΎΠΌΠΈΠ½Π°Ρ‚ΡŒ ΠΌΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΡƒ? Нам Π²Π°ΠΆΠ½ΠΎ ΠΏΠΎΠ½ΡΡ‚ΡŒ связь ΠΌΠ΅ΠΆΠ΄Ρƒ дСлСниями ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… стрСлок ΠΈ ΡƒΠ³Π»ΠΎΠΌ ΠΈΡ… ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚Π° Π½Π° Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ Ρ†ΠΈΡ„Π΅Ρ€Π±Π»Π°Ρ‚Π΅.

Π£Π³ΠΎΠ» ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚Π° всСх стрСлок Π·Π° 1 сСкунду:

  • БСкундная стрСлка повСрнСтся Π½Π° ΡƒΠ³ΠΎΠ» β€” (1/60)*360 o = 6 o
  • ΠœΠΈΠ½ΡƒΡ‚Π½Π°Ρ стрСлка повСрнСтся Π½Π° ΡƒΠ³ΠΎΠ» β€” (1/60)*6 o = 0,1 o
  • Часовая стрСлка повСрнСтся Π½Π° ΡƒΠ³ΠΎΠ» β€” (1/60)*0,1 o β‰ˆ 0,0017 o

Π’ΠΎ Π΅ΡΡ‚ΡŒ Π΄Π°ΠΆΠ΅ Π·Π° 1 сСкунду всС стрСлки Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΠΎΠ²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ, каТдая Π½Π° ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΡƒΠ³ΠΎΠ». И Ссли это Π½Π΅ ΡƒΡ‡Π΅ΡΡ‚ΡŒ, Ρ‚ΠΎ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ ΠΏΠΎΠ΄Π²ΠΎΠ΄Π½Ρ‹ΠΉ камСнь, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠΌ Π² ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ, Π±ΡƒΠ΄Π΅Ρ‚ нСкрасивая анимация. К ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, ΠΊΠΎΠ³Π΄Π° врСмя Π±ΡƒΠ΄Π΅Ρ‚ 19:30, Ρ‚ΠΎ часовая стрСлка Π±ΡƒΠ΄Π΅Ρ‚ Ρ€ΠΎΠ²Π½ΠΎ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π½Π° 19 часов, хотя Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΉ ΠΆΠΈΠ·Π½ΠΈ ΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ½Π° ΡƒΠΆΠ΅ Π±Ρ‹Ρ‚ΡŒ Π½Π°ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρƒ ΠΏΡ€ΠΈΠ±Π»ΠΈΠΆΠ΅Π½Π° ΠΊ 20 часам. Аналогично, приятнСС Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΏΠ»Π°Π²Π½ΠΎΠ΅ ΠΏΠ΅Ρ€Π΅Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΈΠ½ΡƒΡ‚Π½ΠΎΠΉ стрСлки. Ну Π° сСкундная стрСлка ΠΏΡƒΡΡ‚ΡŒ пСрСщСлкиваСтся дискрСтными двиТСниями, ΠΊΠ°ΠΊ Π² Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… мСханичСских часов. РСшСниС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹: ΠΏΡ€ΠΈΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΊ ΡƒΠ³Π»Ρ‹ ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚Π° Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ стрСлки ΡƒΠ³ΠΎΠ» ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚Π° Π±ΠΎΠ»Π΅Π΅ быстрой стрСлки, Π΄ΠΎΠΌΠ½ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ Π½Π° коэффициСнт, ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‰ΠΈΠΉ Π΅Π³ΠΎ долю ΠΎΡ‚ ΡƒΠ³Π»Π° Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ стрСлки.

Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊ ΠΆΠ΅:
WordPress ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ счСтчик liveinternet

Π£Π³ΠΎΠ» Π²Ρ€Π°Ρ‰Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ радиус-Π²Π΅ΠΊΡ‚ΠΎΡ€Π°(стрСлки часов) отсчитываСтся ΠΎΡ‚ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ направлСния Π² Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΈ ΠΏΡ€ΠΎΡ‚ΠΈΠ² часовой стрСлки. Если ΠΌΡ‹ это Π½Π΅ ΡƒΡ‡Ρ‚Π΅ΠΌ Π² нашСй Π»ΠΎΠ³ΠΈΠΊΠ΅, Ρ‚ΠΎ Π½Π°ΠΏΡ€Π°Π²ΠΈΠΌ часы Π½Π°Π·Π°Π΄ Π² ΠΏΡ€ΠΎΡˆΠ»ΠΎΠ΅.

И Π΅Ρ‰Π΅, отсчСт часов, ΠΌΠΈΠ½ΡƒΡ‚ ΠΈ сСкунд Ρƒ нас происходит ΠΎΡ‚ Ρ†ΠΈΡ„Ρ€Ρ‹ 12, Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ полоТСния. РСшСниС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹: Π² Π½Π°ΡˆΠΈΡ… Ρ„ΠΎΡ€ΠΌΡƒΠ»Π°Ρ… ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΡ‡Π΅ΡΡ‚ΡŒ это Π² качСствС сдвига +Ο€/2 (90 o ). А ΠΏΠ΅Ρ€Π΅Π΄ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ ΡƒΠ³Π»Π° ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π·Π½Π°ΠΊ "-", Ρ‡Ρ‚ΠΎΠ±Ρ‹ часы шли ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΏΠΎ часовой стрСлкС. И, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡Π° ΡƒΠ³Π»Π° Π² градусах Π² тригономСтричСскиС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ языков программирования осущСствляСтся с ΡƒΠΌΠ½ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π½Π° коэффициСнт "Ο€/180 o ".

РСализация Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ сСкундной стрСлки:

Π’ Ρ…ΠΎΠ΄Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ рисочСк Ρ†ΠΈΡ„Π΅Ρ€Π±Π»Π°Ρ‚Π° Π½ΡƒΠΆΠ½ΠΎ ΠΊΠ°ΠΊ-Ρ‚ΠΎ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ рисочки Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ² часов. ВсСго рисочСк β€” 60 для сСкунд ΠΈ ΠΌΠΈΠ½ΡƒΡ‚. 12 β€” для часов. Π­Ρ‚ΠΈ 12 Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΊΠ°ΠΊ-Ρ‚ΠΎ Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒΡΡ Π½Π° Ρ„ΠΎΠ½Π΅ всСх ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ…. Π’Π°ΠΊΠΆΠ΅ ΡΠΈΠΌΠΌΠ΅Ρ‚Ρ€ΠΈΡ‡Π½ΠΎΡΡ‚ΡŒ ΠΎΡ†ΠΈΡ„Ρ€ΠΎΠ²ΠΊΠΈ зависит ΠΎΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Ρ†ΠΈΡ„Ρ€. ΠžΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ Ρ†ΠΈΡ„Ρ€Ρ‹ 10, 11 ΠΈ 12 ΡˆΠΈΡ€Π΅, Ρ‡Π΅ΠΌ 1, 2, 3 ΠΈ Ρ‚.Π΄. ΠŸΡ€ΠΎ это Π½ΡƒΠΆΠ½ΠΎ Π½Π΅ Π·Π°Π±Ρ‹Ρ‚ΡŒ.

РСшСниС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ ΠΈ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ ΠΎΡ†ΠΈΡ„Ρ€ΠΎΠ²ΠΊΠΈ Ρ†ΠΈΡ„Π΅Ρ€Π±Π»Π°Ρ‚Π°:

Π‘ ΡƒΡ‡Π΅Ρ‚ΠΎΠΌ всСго этого, ΠΌΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ исполнСния ΠΊΠΎΠ΄Π° Π»ΠΎΠ³ΠΈΠΊΠΈ ΠΈ отобраТСния Π°Π½Π°Π»ΠΎΠ³ΠΎΠ²Ρ‹Ρ… часов выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Π’ΠΎΡ‚ Ρ‚Π°ΠΊΠΈΠ΅ часы Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Π² ΠΈΡ‚ΠΎΠ³Π΅. НадСюсь, Ρ‡Ρ‚ΠΎ данная ΡΡ‚Π°Ρ‚ΡŒΡ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ Π² элСмСнтарной Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π½Π° JavaScript ΠΈ Π·Π°Ρ€ΠΎΠ΄ΠΈΡ‚ Ρƒ вас интСрСс ΠΊ освоСнию этого прСкрасного языка программирования. Бпасибо Π·Π° Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅.

Π­Ρ‚ΠΎ простой скрипт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ систСмноС врСмя Π½Π° JavaScript простым тСкстом. Часы, ΠΌΠΈΠ½ΡƒΡ‚Ρ‹ ΠΈ сСкунды Ρ‡Π΅Ρ€Π΅Π· Π΄Π²ΠΎΠ΅Ρ‚ΠΎΡ‡ΠΈΠ΅ – ΠΈ всС.

Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π΄Π°Ρ‚ΡŒ свой ΡΡ‚ΠΈΠ»ΡŒ часам, достаточно ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ для Π±Π»ΠΎΠΊΠ° с ID – #time . Π’ CSS Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π΄Π°Ρ‚ΡŒ свой ΡˆΡ€ΠΈΡ„Ρ‚ для часов, Π΅Π³ΠΎ Ρ†Π²Π΅Ρ‚ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€. Если Π’Π°ΠΌ Π½ΡƒΠΆΠ½Ρ‹ Π½Π΅ простыС часы, Π° Π±ΠΎΠ»Π΅Π΅ слоТныС, Ρ‚ΠΎ посмотритС Flash часы для сайта. ΠžΡ‚ΠΊΡƒΠ΄Π° скрипт Π±Π΅Ρ€Π΅Ρ‚ Π΄Π°Π½Π½Ρ‹Π΅ ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ? ΠŸΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ΡΡ врСмя ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚ΠΎ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ установлСно Π½Π° устройствС.

Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊ ΠΆΠ΅:
Canon mg3240 ΠΎΠ±Π½ΡƒΠ»Π΅Π½ΠΈΠ΅ счСтчика

ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π½ΠΎΠ²Π΅ΠΉΡˆΡƒΡŽ Π΄Π°Ρ‚Ρƒ

Π’ ΠΏΠ΅Ρ€Π²ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΠ΅Ρ‚ΠΎΠ΄ JavaScript Math.max Π΄Π΅Π»Π°Π΅Ρ‚ свою Ρ€Π°Π±ΠΎΡ‚Ρƒ.

Если для получСния Π΄Π°Ρ‚Ρ‹ Π² качСствС Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°, ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ Π΄Π°Ρ‚Ρ‹ создаСтся с использованиСм new Date () .

Π’ΠΎ Π²Ρ‚ΠΎΡ€ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρƒ date назначаСтся пСрСмСнная, Π·Π°Ρ‚Π΅ΠΌ для получСния индСкса мСсяца ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΌΠ΅Ρ‚ΠΎΠ΄ JavaScript getMonth () . Π˜ΠΌΠ΅ΠΉΡ‚Π΅ Π² Π²ΠΈΠ΄Ρƒ, Ρ‡Ρ‚ΠΎ JavaScript ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ 0 для Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ элСмСнта, 0 ΠΊΠ°ΠΊ ΠΈ для января, 1 для фСвраля ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.

Rhodecode

Онлайн-инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ‚Ρ€ΠΈ вСрсии систСм контроля: Mercurial, Git ΠΈ Subversion. БСрвис Π½Π΅ бСсплатСн. Π¦Π΅Π½Ρ‹ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ΡΡ с $8 Π² мСсяц Π·Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Π•ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π·Π°ΠΏΠ»Π°Ρ‚ΠΈΡ‚ΡŒ сразу $75 Π·Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π² Π³ΠΎΠ΄, Ρ‡Ρ‚ΠΎ позволяСт ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Ρƒ дСсятков Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ². Если Π½Π΅ хочСтся ΠΏΠ»Π°Ρ‚ΠΈΡ‚ΡŒ, ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ community-edition, установив Π½Π° своём сСрвСрС.

  • Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π»ΠΎΠ³ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ.
  • Онлайн-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π°.
  • Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ с ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ.
  • Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΊΠ°ΠΊ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², Ρ‚Π°ΠΊ ΠΈ Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΊΠΎΠΌΠ°Π½Π΄.

Π—Π°Π²Π΅Ρ€ΡˆΠ°Ρ ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΡƒ, ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΠΈΠΌ: описанныС инструмСнты для Ρ€Π΅Π²ΡŒΡŽ ΠΊΠΎΠ΄Π° Π½Π΅ ΠΏΡ€ΠΈΠ·Π²Π°Π½Ρ‹ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°. Но ΠΎΠ½ΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·, Ρ‡Ρ‚ΠΎ Π΄Π°Ρ‘Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ врСмя ΠΈ рСсурсы.

А ΠΊΠ°ΠΊΠΈΠΌΠΈ инструмСнтами ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ΡΡŒ Π²Ρ‹? Π–Π΄Ρ‘ΠΌ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π², ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ с ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌΠΈ πŸ™‚

голоса
Π Π΅ΠΉΡ‚ΠΈΠ½Π³ ΡΡ‚Π°Ρ‚ΡŒΠΈ
Бсылка Π½Π° ΠΎΡΠ½ΠΎΠ²Π½ΡƒΡŽ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΡŽ
Adblock
detector