مثال 4: ایجاد لینک دانلود تاخیر دار

با سلام. به چهارمین مثال از مجموعه مثال های دوره ی آموزش سریع Java Script خوش آمده اید. این مثال درمورد روش ایجاد لینک دانلود تاخیر دار در صفحات دانلود فایل می باشد.

شاید در برخی از وب سایت های دانلود، هنگام دانلود یک فایل دیده باشید که لینک دانلود با چند ثانیه تاخیر در اختیار شما قرار می گیرد. وب سایت های مذکور، این کار را می کنند تا کاربر تا دانلود فایل، مجبور باشد چند ثانیه ای را به دیدن تبلیغ های موجود در صفحه ی دانلود صرف کند. خب، اگر دوست داشته باشید روش ایجاد چنین لینک های دانلودی را در Java Script ببینید، مراحل این مثال را دنبال کنید.

کدهای HTML و Java Script شکل 1 را در Notepad تایپ کنید (من خودم برای خوانایی بهتر کدها، از محیط Visual Studio استفاده کرده ام) و سپس آنرا در دسک تاپ تحت نام test4.html و نوع فایل (*.*) All Files ذخیره کنید.

شکل 1. کدهای HTML و Java Script مربوطه

البته لازم است که در کنار فایل فوق (در همان Folder) سه فایل تصویری به نام های ButtonOff.png و ButtonOn.png و Demo.png را نیز قرار بدهید. محتوای این سه فایل را می توانید در شکل های 2، 3، 4 مشاهده کنید. البته شما هم می توانید خودتان در نرم افزار Paint تصاویر دلخواه خود را بجای اینها، اما با نام های مشابه، ایجاد کنید و هم می توانید همین فایل ها را توسط راست کلیک و انتخاب گزینه ی ... Save Image As دانلود کنید.

شکل 2. فایل ButtonOff.png

شکل 3. فایل ButtonOn.png

شکل 4. فایل Demo.png

با دابل کلیک بر روی فایل ایجاد شده در دسک تاپ، خروجی را در مرورگر پیش فرض، بصورت شکل 5 ملاحظه خواهید کرد. چنانچه مشاهده می کنید، لینک دانلود غیرفعال بوده و شمارش معکوس در جریان است.

شکل 5. شمارش معکوس تا فعال شدن لینک دانلود

در شکل 6 مشاهده می کنید که شمارش معکوس در عدد صفر متوقف شده است و لینک دانلود نیز فعال شده است. اکنون کاربر می تواند با کلیک بر روی لینک دانلود، فایل مورد نظر (که در این مثال، یک فایل تصویری بنام Demo.png است) را دانلود نماید.

شکل 6. اتمام شمارش معکوس و فعال شدن لینک دانلود

همچنین برای اجرای کد بالا بر روی وب سایت ما، می توانید >> اینجا << کلیک کنید.

موفق باشید.