یکشنبه , فروردین 6 1396
خانه / جی کوئری / تایمر زیبای جی کوئری

تایمر زیبای جی کوئری

timer

امروز رو شروع میکنیم با یه تایمر زیبای ساخته شده به وسیله جی کوئری که خودم براتون فارسیش کردم

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

مثلا بالا من بهش 30 روز رو دادم و به محض بالا اومدن سایت شروع به کم شدن می کنه

امیدوارم مورد استفاده تون قرار بگیره

مشاهده دمو ، دانلود و توضیحات در ادامه مطب…

توضیحات:

برای تغییر دادن تعداد روز که خودش به طور پیشفرض 30 هست:

به پوشه assets و سپش به پوشه js برین و سپس فایل script.js رو باز کنید

کد زیر رو پیدا کنید

ts = (new Date()).getTime() + 30*24*60*60*1000;

و همینطور که خودتون متوجه شدین مقدار 30 در دستور رو به دلخواهتون تغییر بدین

و همچنین برای دادن مقدار  تاریخ خاص به میلادی، کد زیر رو در همان فایل script.js پیدا کنید:

ts = new Date(2012, 0, 17),

تاریخ مورد نظرتون رو وارد و فایل رو ذخیره کنید

امیدوارم واضح توضیح داده باشم

درباره ی مرتضی لطفی نژاد

یادم می یاد از کوچیکی علاقه زیادی به کامپیوتر داشتم و اولین کاری رو که یاد گرفتم تعویض ویندوز بود هیچ وقت از بازی با کامپیوتر خوشم نمی یاد.به طراحی وبسایت علاقه زیادی دارم و از یاد گرفتن لذت می برم

مطلب پیشنهادی

دکمه های اشتراک گذاری انعطاف پذیر

امروز براتون دکمه های اشتراک گذاری انعطاف پذیری رو آماده کردیم که با جی کوئری …

22 دیدگاه

  1. باورم نمیشد یه روز از این روزشمار ها توی سایتم داشته باشم
    آقای لطفی نژاد من دستت را از دور میبوسم

  2. سلام
    ممنون عالی بود
    فقط اگر بخوام ثانیه ای بکنم چی کار باید انجام بدم؟ یعنی بخوام از +30 ثانیه شروع شه تا 0 (روزی نباشه) . من تو همون کد روزش رو که 0 کردم (که فقط ساعت و دقیقه و ثانیه داشته باشه) کلا صفر شد! کمکم کنید ممنون می شم

    • مرتضی لطفی نژاد

      با سلام
      ممنون از نظرتون
      خب برای انجام اینکار کدی که در بالا قرار دادیم رو به صورت زیر تغییر بدین:

       
      ts = (new Date()).getTime() + 1*1*1*30*1000;
      
  3. سلام و عرض ادب
    من این تایمر را دانلود کردم ، منتهی هنوز روی سیستمم هست و روی هاست نگذاشتم ، ولی من هر روزی که باز میکنم ، از همون 29 شروع میکنه. میخواستم ببینم چون روی هاستم نبردم اینجوریه ؟؟ یا اینکه راهی داره که ادامه دار باشه .
    من میخوام از وقتی روی هاستم میذارم واقعا شمارش کنه ، نه اینکه همش از 29 بشماره. ممنون میشم اگر راهنمایی بفرمایید.

    • مرتضی لطفی نژاد

      با سلام
      برای انجام این کار باید از خاصیت تاریخی اون استفاده کنید،برای اینکار به فایل script.js در پوشه js برین و کدهای زیر رو جایگزین کنید و تاریخ که در خط چهارم هست رو تغییر بدین تا به مورد دلخواه خودتون برسید

      $(function(){
      	
      	var note = $('#note'),
      		ts = new Date(2013, 12, 09),
      		newYear = true;
      	
      	if((new Date()) > ts){
      		// The new year is here! Count towards something else.
      		// Notice the *1000 at the end - time must be in milliseconds
      		//ts = (new Date()).getTime() + 30*24*60*60*1000;
      		newYear = false;
      	}
      		
      	$('#countdown').countdown({
      		timestamp	: ts,
      		callback	: function(days, hours, minutes, seconds){
      			
      			var message = "";
      			
      			message += days + " روز" + ( days==1 ? '':'' ) + ", ";
      			message += hours + " ساعت" + ( hours==1 ? '':'' ) + ", ";
      			message += minutes + " دقیقه" + ( minutes==1 ? '':'' ) + " و ";
      			message += seconds + " ثانیه" + ( seconds==1 ? '':'' ) + " <br />";
      			
      			if(newYear){
      				message += "مانده به سال جدید";
      			}
      			else {
      				message += "مانده به 30 روز از حالا";
      			}
      			
      			note.html(message);
      		}
      	});
      	
      });
      

      نوشته ها هم می تونید به دلخواه تغییر بدین
      ممنون از نظرتون

  4. منم دقیقا سواله کاربر ” میداس” رو داشتم…کدهای شمارو گذاشتم درواقع جایگزین کردم …ولی رو سیستم اصلا دیگه کار نمیکنه یعنی هیچی نشون نمیده….چه جوریاس؟؟باید رو هاست اپلود کنم تا کار کنه؟؟لطفاً کمکم کنید

  5. باید چیکار کنیم که ثابت نشمره .. هرروز یکی کم کنه ؟؟

    • مرتضی لطفی نژاد

      با سلام طبق توضیحاتی که به کاربر میداس داده شده عمل کنید کار میکنه
      این کار تست شده است
      اگر مشکلی داشتید بازم پیام بدین و دقیقا بگین کدوم قسمتش مشکل داره
      ممنون از نظرتون

  6. مرسی بابت جوابتون..اوکی کار کرد…فقط یه نکته مهم…اگه تاریخ سیستم کاربران صحیح نباشه برای هر کی یه جوریه..مثلا برایکی 30 روز تا افتتاح …برایه یکی دیگه 29 روز…اگه تاریخ سیستم کاربران درست نباشه شمارش معکوسم اشتبا درمیاد…میشه کد مستقل از تاریخ سیستم کاربر باشه؟؟؟

    • مرتضی لطفی نژاد

      با سلام
      بابت تاخیر عذر میخوایم
      برای این کار شما باید از ساعت سرورتون کمک بگیرید
      که می تونید با یه جستجو در گوگل کدهاش رو پیدا کنید
      ممنون

  7. سلام
    راهی وجود داره که بصورت داینامیک تایمر رو ست کنیم ؟

  8. با سلام
    لطفا راهنمایی کنید من یه اسلاید شو تو سایتم گذاشنم .و لی الان که میخوام اسلاید شو دومی رو تو همان صفحه بزارم دومی کار نمیکنه همان طور ثابت میمونه
    لطفا راهنمایی کنین

    • مرتضی لطفی نژاد

      با سلام
      این مشکل به خاطر ادغام کدهای تو اسلایدشو با هم هست که احتمال زیاد از کتابخانه های جی کوئری شبیه به هم استفاده میکنند
      برای حل مشکل باید یکی یکی کتابخانه های(منظور فایل ها با پسوند .js هست) اسلاید اول رو وردارین و تست بزنید تا ببینید مشکل اسلایدر دوم از کدوم فایل هست
      موفق باشید

  9. سلام اخوی

    حاجی من از یه تایمر معکوس استفاده میکنم که از یه سایت خارجی گرفتمش توی قسمت کد هام دستور شمارو پیست کردم و حالا هرچی تاریخشو تغییر میدم + تاریخ میلادی میکنه و رو سایت نمایش میده مثلا الان اینطوریه :
    30day / 15h/15m/30s
    و بعد از چسبوندن دستور (new Date()).getTime() + 30*24*60*60*1000;
    تاریخ اینطوری میشه
    60day/30m/30m/60s

    کـــــــــــــــــــــمــــــــــــک…

    • مرتضی لطفی نژاد

      سلام
      لطفا لینک سایت انگلیسی رو بدین تا بررسی کنیم
      و بهمون بگین دقیقا میخواین چی داشته باشین تا بتونیم بهتون کمک کنیم
      با تشکر

  10. سلام. من این کد رو استفاده کردم ولی برای من برعکس معکوس گذاری می شود. مثلا تایمر از ثانیه شروع نمیشه، بلکه از روز داره کم میکنه. اینم لینک:
    http://aradlms.com/fa/home
    لطفا راهنمایی کنید.

    • مرتضی لطفی نژاد

      با سلام
      دوست عزیز به این استایل در سایتتون مراجعه کنید
      http://aradlms.com/Skin/Skin_10/Style.css
      و direction: rtl رو در تگ body بردارید و ذخیره نمایید و بر روی سایتتون ctrl+f5 بزنید
      سوالی بود خوشحال میشیم بهتون کمک کنیم
      یاعلی

      • چرا نمیشه تاریخ رو به شمسی تبدیل کرد؟
        الان من میخوام دقیق بنویسه که چقدر تا تحویل سال شمسی مونده. باید چه عددی رو وارد کنم؟
        روزش رو تونستم در بیارم. ولی ساعت چجوری تغییر میکنه؟

        • مرتضی لطفی نژاد

          بابت تاخیر در پاسخ عذرخواهی می کنیم
          برای تنظیم تاریخ شما باید تاریخ و ساعت دقیق رو در بیارید و از کد زیر استفاده کنید تا با اسکریپت ست بشه
          ts = (new Date()).getTime() + 30*24*60*60*1000;
          که یک مقدار مشکل هست
          پست بعدی سایت رو دنبال کنید تا یک اسکریپت جدا برای روزشمار نوروز 95 رو معرفی کنیم
          یاعلی

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

به خانواده بزرگ فارس اسکریپت بپیوندید

با عضویت در سایت فارس اسکریپت به مطالب بروز کسب درآمد از طراحی صفحات وب و طراحی قالب دست خواهید یافت

Powered by themekiller.com