راکت

سریع تر شدن تایمر

8 پاسخ

یک تایمر دارم و یک button . قراره هر بار که button کلیک شد این تایمر دوباره از نو بارگذاری بشه. ولی نمیشه ممنون میشم کد بذارید یا این کدی که خودم گذاشتم رو ایرادش رو بگید ممنون
حالا این تایمر که من با کد های زیر نوشتم هر بار تایمر تکرار میشه



var Timer = setInterval(time,30);
var Range = 100;
function time() {
  Range--;
Progress.style.width = Range + "%";
}
setInterval(time,30);

@ali.bayat @hossein.r.1442 @milad @hesammousavi @elyasbeshkani

ثبت پرسش جدید

پاسخ‌ها

8
سبحان دادخواه
سبحان دادخواه
@SobhanDadkhah

تخصص: دانشجوی برنامه نویسی :)

با سلام .
کد html و کد جاوااسکریپتی که برای دکمتون نوشتین رو هم قرار بدید.
خلاصه بگم اینکه شما باید یک فاکشن دیگه بنویسید وقتی روی دکمه کلیک شد اون فانکشن اجرا بشه و همه چیز به حالت عادی برگرده. یعنی range = 100 و interval هم از نو شروع بشه و .... امیدوارم کلیات ماجرا رو متوجه شده باشید.

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

اینجا یک زمانسنج درست میکنه، کدش رو بررسی کنید و بهره ببرید.
https://www.w3schools.com/howto/howto_js_countdown.asp

شاید پاسخ شما همین‌جا باشد

علی بیات
علی بیات
@ali.bayat

تخصص: توسعه دهنده ارشد وب

شما متغییر Range رو خارج از اسکوپ تابع تعریف کردید و میخواهید داخل تابع اون رو تغییر بدید.

مثال های زیر رو بررسی کنید.
https://www.w3schools.com/jsref/met_win_setinterval.asp

آرمین امیری نسب
آرمین امیری نسب
@arminamirinasab

تخصص: برنامه نویس فرانت اند

خیر آقای بیات مشکل از اون نیست لطفا کد رو ببینید خودتون متوجه میشید ، ممنون.
مشکل من این که هربار سرعتش بالاتر میره


http://s10.picofile.com/file/8392610784/Text.rar.html


@ali.bayat

آرمین امیری نسب
آرمین امیری نسب
@arminamirinasab

تخصص: برنامه نویس فرانت اند

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

نمونه ای که براتون قرار دادم، و همینطور تابعی که مهندس بیات براتون قرار دادن رو بررسی کردین؟

بصورت کلی:
یک زمانسنج درست می کنی، به کمک تابع setInterval.
داخل زمانسنج شرط میذاری که وقتی به صفر رسید clearInterval بشه.
در نهایت یک دکمه درست میکنی و رویداد کلیک رو براش به یک تابع با نام دلخواه مثلا startTimer وصل می کنی، داخل اون تابع، این تابع زمانسنجی رو که درست کردی صدا میزنی.

فرهاد
فرهاد
@cfarhad

تخصص: Javascript Developer

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

این سه گامی که گفتم پیاده سازی کن و کدها رو قرار بده، هر کدوم رو بنویس ببینم کجاش مشکل داری تا حلش کنیم.

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام