Тохируулж болох үг цагны симулятор: 3 алхам

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:00

Энэ бол яг зааварчилгаа биш юм. Би өөрийн Word Clock -ийг зохион бүтээсэн бөгөөд эхлээд вэб аппликэйшн симулятор бүтээхээр шийдсэн бөгөөд ингэснээр сүлжээгээ байрлуулж, өдрийн янз бүрийн цагт хэрхэн харагдаж байгааг туршиж үзэв. Дараа нь энэ нь үгийн цаг дээр ажилладаг бусад хүмүүст хэрэгтэй байж болохыг ойлгоод үүнийг хуваалцахаар шийдлээ.

Аппликешн нь нэг богино HTML файл юм. Хэрэв та үүнийг хадгалаад давхар товшвол таны хөтөч дээр нээгдэж, одоогийн цагийг харуулах болно. Дараа нь цаг өөрчлөгдсөн бол дэлгэцийг 10 секунд тутамд шинэчилж байх болно.

Мөн та хүссэн цагтаа бичиж, төсөл дээрээ хэрхэн харагдахыг харах боломжтой текст талбар байдаг.

Хүн бүрийн үгийн цагийн загвар өөр өөр байдаг тул кодыг хялбархан тохируулахыг хичээсэн. Үүнийг хэрхэн хийх талаархи зөвлөмжийг дараагийн хэдэн алхамыг үзнэ үү.

Энэ танд хэрэгтэй гэж найдаж байна! Тоног төхөөрөмж хийхээс өмнө зохион байгуулалт, үг хэллэгийг туршиж үзэх нь үнэхээр гайхалтай юм!

Алхам 1: HTML файлыг татаж авах

Симулятор бол нэг файлтай вэб програм юм. Энэ нь ердөө 200 мөрөөс бага юм. Та эндээс татаж авч болно.

(Файлыг Github дээр татаж авах товчлуур үнэхээр байдаггүй. Гэхдээ та файлын агуулгыг сонгож, хуулж аваад компьютер дээрээ шинэ текст файл руу буулгаж болно. Файлыг нэрлэхээ мартуузай.html.)

Та үүнийг татаж авсны дараа файл дээр давхар товшоод таны хөтөчийн таб дээр ачаалагдах болно. Та одоогийн цагийг үгийн сүлжээнд харуулах ёстой.

Тэмдэглэл: Би зөвхөн Windows дээр Chrome ашиглан програмыг туршиж үзсэн.

Алхам 2: Сүлжээг засах

Та Javascript -ийн хэсгийг дараах байдлаар өөрчилж янз бүрийн үгийн зохион байгуулалтыг туршиж үзэх боломжтой.

var row_strs = ["ЭНЭ", "НЭГ ХОЁР ГУРВАГЧ", "ДӨРӨВ ТАВДУГААР ЗУРГААН", "ДОЛОО НАЙМ", "ЕСВЭН АРВАН", "АРВАН ХОЁР", "Өө ТАВАН АРВАН", "АРВАН ХОРООН", "ГУЧИН", "Дөчин тавин тав", "үдээс хойш", "шөнө өглөө",];

Хэрэв та мөр нэмж/устгаад хуудсыг дахин ачаалвал таны сүлжээ том эсвэл жижиг байх болно.

Хэрэв та мөр бүрт илүү олон үсэг нэмж оруулбал таны сүлжээ илүү өргөн болно. Зүгээр л бүх мөрөнд ижил тооны үсэг байгаа эсэхийг шалгаарай.

Дээрх кодын мөрүүд хоосон зайтай боловч тэдгээрийг сүлжээнд санамсаргүй тэмдэгт болгон хувиргаж байгааг та анзаарах болно. Та дараах орон зайг бөглөхөд санамсаргүй байдлаар ашиглах тэмдэгтүүдийн багцыг сонгож болно.

var RANDCHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZ@#$%&";

Алхам 3: Үгийг өөрчлөх

Хэрэв та өөр хэллэг ашиглахыг хүсч байвал код хэрхэн бичихээ мэдэх хэрэгтэй болно. Огноог аваад үг болгон хувиргадаг логик нь dateToSentence () нэртэй функцэд байдаг.