ធ្វើ​ឲ្យ​រូបភាព​ដើរ Random ដោយ​ប្រើ​ប្រាស់ Javascript

​ក្នុង​អត្ថបទនេះអាន-ANT នឹង​បង្ហាញ​ពីរបៀបនៃការ Random Image ដោយ​ប្រើ​ប្រាស់​ភាសាJavaScript  ។

​ខាងក្រោម​នេះគឺជាកូដ ៖

+HTML:

+Javascript:

ពន្យល់កូដ ៖

+ HTML :

នៅ​ក្នុង​ Button ​នីមួយៗ​របស់ HTML គឺមាន​ attribute ‘onclick’  ។ គេ​ប្រើ​វា​សម្រាប់​ហៅ function របស់ javascript មក​ប្រើ​ហើយ function ​ទាំងនោះ​មាន​តួនាទី​ទៅតាម​ការ​កំណត់​របស់កូដ javascript ។

+ Javascript:

Function ‘randImg () ’ គឺមាន​តួនាទី​ក្នុង​ការធ្វើ​ឲ្យ​រូបភាព​ដើរដោយស្វ័យប្រវត្ត ហើយ​ដំណើរ​ការ​របស់វានោះគឺ:

- អថេរ ‘img’ ​ត្រូវបាន​គេប្រកាស ដើម្បី​ផ្ទុក​តម្លៃ​លេខ ហើយ​តម្លៃ​លេខនោះគឺជា​ឈ្មោះ​របស់​រូបភាព​តែម្ដង ។

​- អថេរ​ ‘ind’ ​ត្រូវបាន​គេប្រកាស ដើម្បី​ផ្ទុកអនុគមន៍​ក្នុង​ការ Random

- អថេរ​ ‘obj’ គឺ​ប្រើ​សម្រាប់​ចាប់​ពីប្លុកHTML ​ណាមួយ​ដែល​មាន​ id=”d1” ។ បន្ទាប់មក​បោះ​តម្លៃ​ថ្មីទៅ​ឲ្យ Object នោះវិញ ហើយ​តម្លៃ​ថ្មីនោះគឺជា​ឈ្មោះ​រូបភាព​ដែល​យកមក​ធ្វើការ​ Random ហើយ ។

​ចំណែក​ function ផ្សេងៗ​គឺ​គ្រាន់តែ​ប្រកាសអថេរ intV ​សម្រាប់​ហៅ method setInterval មកផ្ទុក function () {randImg () } ​ដែល​បាន​កំណត់​ខាងលើ​យកមកដាក់​ល្បឿន​តាមការចង់បានតែប៉ុណ្ណោះ ។

-clearInverval () : គឺ​សម្រាប់​បញ្ឈប់​ដំណើរ​ការ​របស់ Interval ។

​ចំណាំ រាល់​ឈ្មោះ​រូបភាព​ត្រូវដាក់​ឲ្យ​បានត្រឹមត្រូវតាមការ​កំណត់​របស់កូដ​ដែល​អ្នកបាន​សរសេរ ។

សូមសាកល្បងដោយខ្លួនអ្នក ...!

♦ រៀបរៀងអត្ថបទដោយ៖ លោក ស្រីទិត្យសត្យា កែ​សម្រួល​អត្ថបទឡើងវិញដោយ៖  លោក តី សុជាតិថា