კონფიგურირებადი სიტყვის საათის სიმულატორი: 3 ნაბიჯი

2024 ავტორი: John Day | [email protected]. ბოლოს შეცვლილი: 2024-01-30 10:15

ეს არ არის ზუსტად ინსტრუქცია. მე ვქმნი საკუთარ Word საათს და გადავწყვიტე, რომ ავაშენო ვებ აპლიკაციის სიმულატორი, რათა შევძლო ქსელის დაყენება და გამოვცადო როგორ გამოიყურება დღის სხვადასხვა დროს. შემდეგ მივხვდი, რომ ეს შეიძლება სასარგებლო იყოს სიტყვის საათებზე მომუშავე სხვა ადამიანებისთვის და გადავწყვიტე გამეზიარებინა იგი.

აპლიკაცია არის ერთი მოკლე HTML ფაილი. თუ შეინახავთ და ორჯერ დააწკაპუნებთ მასზე, ის გაიხსნება თქვენს ბრაუზერში და დაიწყებს მიმდინარე დროის ჩვენებას. შემდეგ ის განაახლებს ეკრანს ყოველ 10 წამში, თუ დრო შეიცვალა.

ასევე არსებობს ტექსტური ველი, სადაც შეგიძლიათ ჩაწეროთ ნებისმიერ კონკრეტულ დროს და ნახოთ როგორ გამოიყურება იგი თქვენს პროექტში.

ყველას სიტყვის საათის დიზაინი განსხვავებულია, ამიტომ შევეცადე კოდის ადვილად კონფიგურაცია. იხილეთ შემდეგი რამდენიმე ნაბიჯი იმის შესახებ, თუ როგორ უნდა გააკეთოთ ეს.

ვიმედოვნებ, რომ ეს თქვენთვის სასარგებლოა! მშვენიერია, რომ შეძლოთ ექსპერიმენტის ჩატარება განლაგებით და ფორმულირებით, სანამ აპარატურაზე დაკისრებთ!

ნაბიჯი 1: ჩამოტვირთეთ HTML ფაილი

სიმულატორი არის ერთ ფაილიანი ვებ აპლიკაცია. ის 200 ხაზზე ნაკლებია. შეგიძლიათ გადმოწეროთ აქ.

(Github– ზე ფაილის გადმოტვირთვის ღილაკი ნამდვილად არ არის. მაგრამ თქვენ შეგიძლიათ უბრალოდ შეარჩიოთ ფაილის შინაარსი, დააკოპიროთ და ჩასვათ თქვენს კომპიუტერში ახალ ტექსტურ ფაილში. დარწმუნდით, რომ დაასახელეთ ფაილი რაღაც. Html.)

გადმოტვირთვის შემდეგ, ორჯერ დააწკაპუნეთ ფაილზე და ის ჩაიტვირთება თქვენს ბრაუზერის ჩანართში. თქვენ უნდა ნახოთ მიმდინარე დრო, რომელიც ნაჩვენებია სიტყვების ბადეში.

შენიშვნა: მე მხოლოდ Chrome- ის გამოყენებით გამოვცადე აპლიკაცია Windows- ზე.

ნაბიჯი 2: შეცვალეთ ბადე

თქვენ შეგიძლიათ სცადოთ სხვადასხვა სიტყვის განლაგება Javascript- ის ნაწილის რედაქტირებით, რომელიც ასე გამოიყურება:

var row_strs = ["ეს არის", "ერთი ორი სამი", "ოთხი ხუთი ექვსი", "შვიდი რვა", "ცხრა ათი", "თერთმეტი თორმეტი", "ოჰ ხუთი ათეული", "თხუთმეტი ოცი", "ოცი საათი", "ორმოცდაათ ორმოცდახუთი", "შუადღისას", "ღამით დილით",];

თუ დაამატებთ/წაშლით სტრიქონებს და გადატვირთავთ გვერდს, თქვენი ბადე იქნება უფრო დიდი ან პატარა.

და თუ თითოეულ სტრიქონს დაამატებთ მეტ ასოებს, თქვენი ბადე უფრო ფართო გახდება. უბრალოდ დარწმუნდით, რომ ყველა სტრიქონს აქვს იგივე რაოდენობის ასოები.

თქვენ შეამჩნევთ, რომ ზემოთ მოცემულ კოდის სტრიქონებს აქვთ სივრცეები, მაგრამ ისინი ქსელში შემთხვევით სიმბოლოებად იქცევა. თქვენ შეგიძლიათ აირჩიოთ სიმბოლოების ნაკრები, რომლებიც შემთხვევით გამოიყენებენ ამ სივრცეების შესავსებად, ხაზის რედაქტირებით, რომელიც ასე გამოიყურება:

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

ნაბიჯი 3: შეცვალეთ სიტყვა

თქვენ უნდა იცოდეთ როგორ დაწეროთ კოდი, თუ გსურთ გამოიყენოთ სხვადასხვა ფორმულირება. ლოგიკა, რომელიც იღებს თარიღს და აქცევს მას სიტყვებად არის ფუნქციაში სახელწოდებით dateToSentence ().