របៀបបង្កើតនាឡិការាប់ពេលវេលាជាមួយនឹង FlipClock
នាឡិកា(Clock) គឺជាឧបករណ៍សំរាប់កំនត់ពីពេលវេលាសំរាប់ឲ្យយើងដាក់គោលដៅក្នុងការធ្វើអ្វីមួយ ឲ្យបានច្បាស់លាស់និងជាការបង្ហាញនូវរយៈពេលមួយផងដែរ ។ TechFree សូមលើកយកនូវការបង្កើត នាឡិកានិងការរាប់ពេលវេលា (Countdown) ជាមួយនឹងបច្ចេកវិទ្យាដោយប្រើប្រាស់ភាសាកុំព្យូទ័រមួយគឺ JavaScript ។
ជាមួយនឹងភាសាកម្មវិធីកុំព្យូទ័រ Javascript នេះ យើងអាចប្រើប្រាស់ជាមួយនឹងបណ្ណាល័យ មួយដែល មានឈ្មោះថា Flipclock.js គឺជាបណ្ណាល័យមួយដែលពេញនិយមផងដែរ ដែលគេប្រើក្នុងការ បង្កើត នាឡិកានេះ ។យើងខ្ញុំសូមបង្ហាញអំពីរបៀបទាញយកបណ្ណាល័យនៅក្នុង Flipclock.js និងការប្រើប្រាស់វា ។
១) ការទាញយក
ជាដំបូង យើងត្រូវចូលទៅកាន់ http://www.flipclockjs.com ដើម្បីទាញយកបណ្ណាល័យមកប្រើ។
សូមមើលរូបខាងក្រោម ៖
២) ការប្រើប្រាស់
បន្ទាប់ពីការទាញយករួចរាល់ហើយមក យើងត្រូវរៀបចំវាទៅកាន់កន្លែងណាមួយនៅក្នុងកុំព្យូទ័រ ដើម្បី ងាយស្រួលក្នុងការមើល និងប្រើប្រាស់វា ។
រូបនេះបង្ហាញអំពីកន្លែងផ្ទុកឯកសារនៃ Flipclock ។
បន្ទាប់មកទៀត យើងត្រូវបង្កើតឯកសារ (file) និងចម្លងយកកន្លែងផ្ទុកឯកសារណាដែលត្រូវការប្រើ ។
រូបខាងក្រោមបង្ហាញពីការបង្កើត និងរៀបចំកន្លែងផ្ទុកឯកសារ ។
៣) ការសរសេរកូដ
ក្រោយពីការរៀបចំរួចរាល់ហើយ យើងត្រូវធ្វើការសរសេរកូដ ដើម្បីប្រើប្រាស់ទៅលើ FlipClock នេះ ។
- បន្ទាត់ទី៥ គឺយើងហៅកូដរចនា(Design) ពីក្នុង flipclock.css
- បន្ទាត់ទី៦ គឺយើងហៅកូដរបស់ Javascript ពីអ៊ិនធឺណេតផ្ទាល់ (រាល់ការប្រើប្រាស់Javascript គឺត្រូវប្រើកូដនេះជានិច្ច)
- បន្ទាត់ទី៧ គឺយើងហៅកូដរបស់ Javascript ពីdailycounter.js នៅក្នុងកន្លែងផ្ទុកឯកសារ
- បន្ទាត់ទី៨ គឺយើងហៅកូដរបស់ Javascript ពី flipclock.js នៅក្នុងកន្លែងផ្ទុកឯកសារ
បន្ទាប់ពីទាញយកកូដពីបណ្ណាល័យខាងលើរួចមក គឺយើងធ្វើការសរសេរកូដឲ្យវាដំណើរការតែម្ដង ។ ខាងក្រោមនេះគឺជាកូដរបស់ HTML និង JavaScript សំរាប់បង្ហាញនូវលទ្ធផល ។
៤) លទ្ធផល
ក្រោយពីការបញ្ចប់ការរៀបចំ និងសរសេរកូដរួចហើយមក យើងនឹងទទួលបាននូវលទ្ធផលដូចខាងក្រោម ៖
ដើម្បីយល់កាន់តែច្បាស់អំពី FlipClock នេះ សូមទស្សនាវីដេអូ (video) ខាងក្រោមសំរាប់ការទាញយក ការរៀបចំកន្លែងផ្ទុកឯកសារ និងការសរសេរកូដ ។
@therealwolf 's created platform smartsteem scammed my post this morning (mothersday) that was supposed to be for an Abused Childrens Charity. Dude literally stole from abused children that don't have mothers ... on mothersday.
https://steemit.com/steemit/@prometheusrisen/beware-of-smartsteem-scam