Мазмуну:

Configurable Word Clock Simulator: 3 кадам
Configurable Word Clock Simulator: 3 кадам

Video: Configurable Word Clock Simulator: 3 кадам

Video: Configurable Word Clock Simulator: 3 кадам
Video: IQ TEST 2024, Июль
Anonim
Configurable Word Clock Simulator
Configurable Word Clock Simulator

Бул так көрсөтмө эмес. Мен өзүмдүн Word Clock долбоорумду түзүп жатам жана адегенде веб -тиркеме тренажерун курууну чечтим, ошондо мен торчону жайып, күндүн ар кайсы мезгилинде кандай көрүнөрүн текшере алам. Анан мен бул сөз сааттарында иштеген башка адамдар үчүн пайдалуу болушу мүмкүн экенин түшүндүм жана аны бөлүшүүнү чечтим.

Колдонмо бир кыска HTML файлы. Эгер сиз аны сактап, эки жолу чыкылдатыңыз, ал браузериңизде ачылат жана учурдагы убакытты көрсөтө баштайт. Андан кийин убакыт өзгөргөндө дисплей ар 10 секунд сайын жаңыртылып турат.

Ошондой эле текст талаасы бар, анда сиз каалаган убакта терип, долбооруңузда кандай болорун көрө аласыз.

Ар кимдин сөз саатынын дизайны ар башка, ошондуктан кодду оңой конфигурациялоого аракет кылдым. Муну кантип кылуу боюнча кеңештер үчүн кийинки бир нече кадамдарды караңыз.

Бул пайдалуу деп ишенем! Аппараттык жабдууну жасоодон мурун макеттер жана сөздөр менен эксперимент жүргүзүү сонун!

1 -кадам: HTML файлын жүктөп алыңыз

Симулятор-бир файлдуу веб колдонмо. Бул болгону 200 саптан аз. Бул жерден жүктөп алсаңыз болот.

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

Сиз жүктөп алгандан кийин, файлды эки жолу чыкылдатыңыз жана ал браузериңиздеги өтмөктө жүктөлөт. Сиз учурдагы убакытты сеткада көрүшүңүз керек.

Эскертүү: Мен колдонмону Windows аркылуу Chrome аркылуу гана сынап көрдүм.

2 -кадам: Торду түзөтүү

Сиз Javascriptтин ушул өңдүү бөлүгүн түзөтүү менен ар кандай сөздөрдүн жайгашуусун сынап көрсөңүз болот:

var row_strs = ["БУЛ", "БИР ЭКИ ҮЧ", "ТӨРТ БЕШ АЛТЫ", "ЖЕТИ СЕГИЗ", "ТОГУЗ ОН", "ОН БИР ОН БИР", "ОХ БЕШ ОН", "ОН БЕШ ЖЫЙЫР", "ООЗ ОТУЗ", "КЫРК элүү беш", "түштө", "түнкүсүн",];

Эгерде сиз саптарды кошуп/жок кылып, баракты кайра жүктөсөңүз, анда торуңуз чоңураак же кичирээк болот.

Жана ар бир сапка дагы тамгаларды кошсоңуз, торуңуз кеңейет. Жөн эле баардык саптарда бирдей тамгалар бар экенин текшериңиз.

Сиз жогорудагы коддогу саптарда боштуктар бар экенин байкайсыз, бирок алар тордогу туш келди символдорго айланышат. Сиз окшош сапты түзөтүп, ошол боштуктарды толтуруу үчүн туш келди колдонула турган символдордун топтомун тандай аласыз:

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

3 -кадам: Сөздү өзгөртүү

Эгерде сиз башка фразаларды колдонууну кааласаңыз, кодду кантип жазууну билишиңиз керек. Датаны алып, аны сөзгө айланткан логика dateToSentence () деп аталган функцияда.

Сунушталууда: