سلام با یه سورس کد اومدم که کپی پیست کنی و پزشو بدی???
خدایی کدوممون این کارو نکردیم؟ شرط میبندم همتون شده کدی رو از جایی کپی کرده باشید و پزشو به بقیه داده باشید? (حتما تو کامنتا بگید بچه پاکی هستید یا شمام از این کارا میکنید؟)
دیروز نشسته بودم به در نگاه میکردم... دری که آه میکشد???♂️
بعد اینکه آه کشید گفت:« حاجی تو که الان js یاد گرفتی و تایمر و ساعت هم بلدی بزنی - چندتا هم از اینترنت پیدا کن و یه پست بذار و توش چندتا ساعت با سورس کد بذار ». منم گفتم چشم!
فقط بچه ها قوانین و توضیحات مربوط به سورس کدهارو تو این پست گفتم. حتما بخونید. اگرم لایک نکردید...
این سری من یکم به این سورس کدها حالت آموزشی دادم
بچه ها جاوا اسکریپت یه فانکشن داخلی داره به نام Date که فقط باید ازش نمونه بسازید و وقتی بسازید همچین خروجی رو بهتون میده:
Sun Mar 14 2021 14:29:26 GMT+0330 (Iran Standard Time)
ولی خب این هم قشنگ نیست هم میاد چمیدونم روز و ... رو هم میده
از طرفی این یه ساعت ثابته - یعنی مثلا من این کد رو ساعت 14:29:26 اجرا کردم همچین ساعتی به من داده ولی این ساعته ثانیه به ثانیه جلو نمیره یعنی مثلا نمیشه 14:29:27 و 28 و ... (مگه اینکه دوباره رفرش بزنم)
حالا چکار کنیم بدون رفرش اینکارو انجام بده؟
نکته: تو بخش html باید یه تگ p یا div یا ... با "id="demo درست کنید که تو بخش script بتونیم انتخابش کنیم. همین . دیدید چقدر ساده بود
راستی یه توضیح بدم: اول یه تابع ساختیم که توش اول از Date نمونه سازی کردیم و بعدش اون تگ p رو انتخاب کردیم و innerHTML رو برابر قرار دادیم با date.toLocalTimeString
در واقع این toLocalTimeString یه تابع از Date هست که ساعت رو نشون میده
حالا با css میتونید به اون استایل بدید و قشنگش کنید که چند نمونه رو براتون میذارم
راستی بچه ها اون سری که سورس فرستادم نشستم از هرکدوم عکس گرفتم و... که خیلی سخت بود. بخاطر همین این سری روش رو عوض کردم:
بچه ها عقربه های این ساعت کامل میچرخه فقط مشکلش اینه که ساعتش با ساعت واقعی هماهنگ نیست چون با html css هست و کلا ساعت هایی که با html css ساخته میشن نمیتونن با ساعت واقعی تنظیم بشن و اگر بخواین تنظیمشون کنید باید با js تنظیمشون کنید.
این روهم بگم که این ساعت رنگ پس زمینه و رنگ بندش عوض میشه چند ثانیه یکبار مثلا:
به همین زیبایی??
این ساعت کاملا واقعیه... یعنی اعداد درست و ساعت واقعی رو نشونتون میده(الان 4:01 دقیقس: یعنی حدود دو ساعت بعد از شروع این پست???)
یه قابلیت باحالی که داره اینه که هرچی بیش میریم این خطوط پرتر میشن یعنی:
این خیلی گاده????
اینم خیلی قشنگه ولی قابلیت خاصی نداره مثل قبلی
ولی بقول معروف: زیبایی در سادگیه????♂️
و در نهایت میرسیم به ...
(برای اذهان مریض میگم: الان واقعا 1:51 شب هست و من نشستم پست مینویسم??♂️)
البته بگم چون Js بهش اضافه کردم ساعت و روز و دقیقه و... کاملا درسته یعنی میشه مثلا:
خب دیگه بچه ها اینم از این پست گاد (●'◡'●)
بچه ها دوست دارید چه پست هایی بیشتر بذارم؟ آموزش پایتون؟ تریک پایتون (قطعه کد کوچیک)؟ سورس کد html css js؟ کلا سورس کد؟ فان تایم؟ حتما اینو تو کامنتا بگید که راه طولانیی داریم
خدایی نفری یه لایک بکنید رکورد این پست رو بزنیم
خداحافظ همه تا پست بعدی????