راکت

تایمر معکوس با جاوا اسکریپت

3 پاسخ

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

علی
علی
@elnazasgari.fans
ثبت پرسش جدید

پاسخ‌ها

3
نیما  ش
نیما ش
@nimageneral

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

سلام
بوسیله ی جی اس میتونید موقع ولیدیشن یک تایمر ساده رو نمایش بدید

<div>Time : <span id="timer"></span></div>

JS

document.getElementById('timer').innerHTML =
  003 + ":" + 20;
startTimer();

function startTimer() {
  var presentTime = document.getElementById('timer').innerHTML;
  var timeArray = presentTime.split(/[:]+/);
  var m = timeArray[0];
  var s = checkSecond((timeArray[1] - 1));
  if(s==59){m=m-1}
  //if(m<0){alert('timer completed')}

  document.getElementById('timer').innerHTML =
    m + ":" + s;
  console.log(m)
  setTimeout(startTimer, 1000);
}

function checkSecond(sec) {
  if (sec < 10 && sec >= 0) {sec = "0" + sec}; // add zero in front of numbers < 10
  if (sec < 0) {sec = "59"};
  return sec;
}
علی
علی
@elnazasgari.fans

سلام داداش خیلی ممنون دمت گرم
اما توی if که گفتی تایم تموم شد ی کاری انحام بده هیچی جز alert نمیشه نوشت و کار نمیکنه
مثلا نوشتم

If(m<0){
Document.getelementbyid(timer).innerthtml = "دریافت مجدد کد؟"
}

اما کار نمیده
چطوری این جمله رو نشون بدم و وقتی روش زده شد دوباره ریستارت بشه و همون قبلی
@nimageneral

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

Muhammad
Muhammad
@muhammad

تخصص: Back-End Developer

سلام.

اول اینکه Javascript نسبت به بزرگی و کوچکی حروف حساسه، پس اسم متدهارو درست بنویسید: ‌getElementById و...
دوم اینکه timer باید آیدی اون المنت باشه که می‌خوایید از DOM بگیرید، پس بندازید توی سینگل‌کوتیشن یا هرچیزی.
سوم اینکه وقتی چیزی کار نمی‌کنه، کنسول رو نگاه کنید تا بفهمید چه خطایی داره و رفعش کنید.

موفق باشید.

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

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