سلام دوستان . من میخام یه پیج داشته باشم که کاربر باید یه کدی رو وارد کنه. بعد این کد انقضاش یک دقیقست . میخام تایمری رو بهش نشون بدم. حالا چیزی که مهمه اگه صفحه رفرش شد نباید اون تایمر زمانش از اول شروع بشه . چجوری میشه اینکارو کرد ؟
لینک کوتاه اشتراک گذاری
راهای مختلفی هست زمان هست و شما کمی باید javascript رو خوب بلد باشید
میتونید زمان رو داخل localStorage مرورگر ذخیره کنید و با هر بار رفرش شدن از اون بخونید اگر سفر بود از اول اگر نبود ادامه داستان
یا همین کارو با سرور انجام بدید
لینک کوتاه اشتراک گذاری
من راهشو گفتم نمیدونم شما تو کد چیکار کردید . شما باید کدهاتون رو قرار بدید تا بشه فهمید داستان چیه
لینک کوتاه اشتراک گذاری
کدهای جاوااسکریپت
// enterTime and initialTime: اولین زمان ورود به صفحه توسط کاربر
// newTime: ورود اول یا دوم یا سوم و مراتب دیگر از طریق از نو کردن صفحه
// timer: متغیر نگهدارنده ی میزان زمان باقی مانده از مهلت یک دقیقه ای ِ اولیه
if(!localStorage.getItem('initialTime')) {
const enterTime = string(new Date().getTime() * 1000);
localStorage.setItem('initialTime', 'enterTime');
}
const initialTime = Number(localStorage.getItem('initialTime'));
let newTime = new Date().getTime() * 1000;
let timer = 60 - (newTime - initialTime);
// متغیر زمانسنج را به نمایشگر شمارش معکوس تحویل می دهید تا شروع به ادامه ی شمارش معکوس کند
// در پایان
if(timer <= 0) localStorage.removeItem('initialTime');
لینک کوتاه اشتراک گذاری
@hesammousavi
فقط یک مشکلی هستش، اگر کاربر بره توی تنظیمات مرورگر و مقدار ذخیره شده (localStorage) رو حذف کنه، دیگه از کنترل خارجش میکنه ها.
لینک کوتاه اشتراک گذاری
مطمئن ترین راه این هست که هر دفعه که صفحه ریفرش میشه اون عدد رو از بک اند دریافت کنید و تا 0 که رسید یه درخواست بفرستید سمت بک اند که زمان تموم شده.
سمت بک اند میتونید تعیین کنید که تایمر چه زمانی از اول شروع بشه و چه زمانی همون تایمر قبل رو ادامه بده.
لینک کوتاه اشتراک گذاری
@milad
میشه داخل session storage ذخیره کرد دوست عزیز.