כיצד ליצור שעון דיגיטלי

וִידֵאוֹ: לומדים לקרוא שעון לקרוא שעון מחוגים ודיגיטלי 🕘 מה השעה? בשעון אנלוגי ודיגיטלי

תוֹכֶן

הוראות
איך
הפניות

אם עדיין לא מצאת מודל שעון דיגיטלי אידיאלי, באפשרותך ליצור בעצמך את שפת התכנות של HTA. עם תכונות שסופקו על ידי Internet Explorer, שפה זו משלבת את כל יכולות HTML ו- JavaScript לשולחן העבודה שלך. מפתחים יכולים להוסיף שעונים דיגיטליים לדפי אינטרנט באמצעות כמה שורות של JavaScript. עם זאת, עם שפת HTA, ניתן ליצור תבניות מותאמות אישית באמצעות מאפייני CSS.

הוראות

אין צורך שיהיה שעון פיזי כדי לדעת את הזמן (מרטין פול / Photodisc / Getty Images)

פתח את Notepad והדבק את ההצהרה הבאה במסמך החדש:

בדיקת HTA

type = "text / css"> .clockStyle {border: thick dotted blue; צבע רקע: # FFFF00; רוחב: 100px; גובה: 20px; text-align: center; }
הקטע "סגנון" של קוד זה, המוצג בסוף, מגדיר את הכיתה הנקראת "ClockStyle". מחלקה זו קובעת את מראה השעון. לדוגמה, מאפייני הגבול מוסיפים קו גבול מנוקד בכחול מסביב לשעון. הרקע צהוב. הפרמטרים רוחב וגובה מאפיינים את רזולוציית הפיקסלים של האובייקט.
הוסף את גוש JavaScript הבא מתחת לקוד מהצעד הקודם:

הערה המשתנים "windowWidth" ו "windowHayight" בחלק העליון של הקוד. הם ישלטו על גודל החלון המכיל את השעון הדיגיטלי. שנה ערכים אלה בכל דרך שתרצה.
הוסף את הקוד הבא שמתואר בחלק האחרון:

>

זה יהיה ליצור את אלמנט "div", כלומר, את הגוף של השעון. התכונה של המחלקה שלך מתייחסת להצהרת סגנון CSS, שתוארה קודם לכן.
הקש "Ctrl" ו- "S" בו זמנית הקלד "DigitalClock.hta" לתוך השדה "שם קובץ" המוצג בחלון "שמירה בשם". לחץ על "שמור" כדי לשמור את שם הקובץ.
פתח את "סייר Windows" ומצא את הקובץ. לחץ פעמיים על הקובץ כדי להציג את השעון הדיגיטלי.

איך

התאם אישית את השעון על-ידי שינוי המאפיינים של CSS בקטע "סגנון" של המסמך. לדוגמה, כדי לשנות את הרקע ורוד, להחליף "צהוב" בקוד עם "ורוד". בדרך כלל, השעונים מעדכנים את התצוגה בכל שנייה. כדי לשנות את קצב הרענון, שנה את "1000" בקוד לערך אחר, כגון 2000. זה ישנה את השעון כל שתי שניות.