Day Counter Script

MicroCounter-ENMicroCounter Script
Update: 
v1.1 – fixed a bug which caused ignoring units and miscalculating.

This script is based on the below code. The main structures have been improved and various new features is supported. Also, new themes have been added.

Demo:
http://drsdavidsoft.persiangig.com/Pages/Day-Count-Down-Skins/Micro-Counter-DRS.html

DRS Day Countdown Default Theme Demo

Day Countdown and Count up Script
Update:
v1.4.3

This script calculates the exact difference between the current day and the Target day which you have entered.
You can use this script both as a Day Countdown and a Normal Counter wherever you like.

The demo of this script is available here:
http://drsdavidsoft.persiangig.com/Pages/Day-Count-Down-by-DRS.html

No new updates will be available for this script possibly. The MicroCounter Script will be at the development instead.

Features:

  • Countdown and Count up
  • Ability to calculate Years, Months, Weeks, Days, Hours, Minutes ans Seconds individually
  • Calculating the seconds completely correct without any delays
  • Ability to use a Server’s time instead of the client’s time
  • Cool default theme designs
  • Easy CSS Designing for the styles
  • Ability to define blinking mode style when changing the numbers
  • Easy to use in frames
  • and much more features by using desired Plug-ins.

Note: Although this script is compatible with JS Libraries such as jQuery, but it is not required to load these libraries in order to just use the script. Therefore, the total size of the script is less than a few kilobytes.

Some of the predefined themes:
(Click to open a demo of them)

Mini Counter

Circular Calculate

Seven Segments LCD

Glass Theme

Please Send me an email,
If you have any questions or trouble how to personalize this script.
David@Refoua.me


This post is also published in these Forums:

20 thoughts on “Day Counter Script

  1. با سلام.
    چطور میتونم کد روزشمار معکوس نمونه دوم را تهیه کنم؟
    لطفا راهنمایی کنید.
    با تشکر

    پاسخ به ایمیل شما ارسال گردید
    با سپاس از استفاده ی شما از کد من!

  2. سلام
    اگه من اولی رو بخوام باید چیکار کنم؟
    البته متنش میخوام چیز دیگه باشه.
    لطفا راهنمایی کنید.
    تشکر

    • کافی است که تنظیمات کد را به صورت دلخواه تغییر دهید.
      در کامنت‌های پایین به‌صورت کامل توضیح داده شده.

    • سلام.
      با توجه به اینکه کجا و چگونه مایلید از این کد استفاده کنید؛ روش متفاوتی دارد.
      شما باید نمونه‌ی کد را دریافت کنید و تنظیمات آن را مطابق دلخواه خود تغییر دهید.
      لطفاً آدرس صفحه‌ای که می‌خواهید کد را پر آن قرار دهید را به من ایمیل نمایید تا به‌صورت کامل شما را راهنمایی کنم.
      با سپاس از استفاده شما از کد من

    • سلام. نمونه کد را باز نموده، مطابق سلیقه‌ی خود تغییر داده و روی یک فایل جدید ذخیره نمایید.

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

    • سلام.
      تمامی این تنظیمات در بالای سورس کد به‌آسانی امکان تغییر را دارند.
      همچنین کد ها برای استفاده محتوای متغییر از PHP و ASP مناسب هستند.
      چنانچه باز هم در تغییر تنظیمات کد مورد نظرتان مشکلی دارید، لطفاً کد کامل خود را ارسال نمایید تا بررسی شود.
      سپاس

    • بله، می‌توانید شمارشگر را به‌صورت دلخواه طراحی نمایید.
      و برای این‌کار، کافی‌است که class ها و id های هر Element را ثابت نگه دارید.

      • سلام من دوباره مزاحم شدم.
        میشه کد رو بهم بدین؟
        آخه جایی برای براشتنش پیدا نکردم.

  4. سلام
    من اولین روزشمار رو (همونی که روز و ماه و سال و … فارسیه) توی وبلاگم گذاشتم و همه چیزش خوبه فقط یه تغییری می خوام بدم، اونم اینه که وقتی وبلاگمو با اینترنت اکسپلورر یا گوگل کروم باز می کنم، زمینه ی این روز شمار کاملا مشکیه ولی وقتی که با مرورگر گوشیم وبلاگمو باز می کنم، زمینه روز شمار مشکی اما شفافه و متن زیرش هم به راحتی خونده می شه
    حالا اگه می شه لطف کنید بگید دقیقا خط چندم کد رو به چه صورت تغییر بدم تا توی اینترنت اکسپلورر و گوگل کروم (منظورم کلا کامپیوتر هست) هم، زمینه شفاف داشته باشته

    • سلام. شما باید تمامی مقادیر opacity و alpha-filter رو روی ۰ تنظیم کنید.
      همچنین برای رنگ‌ها، به‌جای تمامی rgba ها، از rgb استفاده نمایید.

  5. سلام.
    چطور می تونم سایز و محل دایره رنگی که در نمونه دوم حرکت می کند را تغییر بدهم؟
    کلاً می خواهم از این طرح در سایز کوچکتر استفاده کنم. من همه عناصر را کوچک کردم اما فقط دایره های رنگی که می چرخند را نتوانستم تغییر سایز بدهم.
    لطفا مرا راهنمایی کنید
    باسپاس

    • سلام.
      این دایره‌ها درواقع یک Canvas (مربوط به HTML 5) هستند که توسط کدهای جاوااسکرپیت کشیده می‌شوند. برای تغییر اندازه‌ی محتوای این Canvasها، باید کد جاوااسکریپت مربوط به آن‌ها را تغییر دهید.
      به‌عنوان مثال، من در Canvasهای این کد، از Arc برای کشیدن دایره‌ها استفاده کرده‌ام.
      تغییر در CSS یا Style‌های آن‌ها تأثیری بر روی محتوای کشیده شده ندارد.

  6. سلام. من کد نمونه ۴ را می خوام، چه‌طوری میتونم دریافت کنم؟

  7. سلام، ممنونم از کد کاربردی شما.
    من اگه بخوام که این کد رو به صورت شمارش رو به جلو از یک مبداء زمانی دلخواه داشته باشم باید چکار کنم؟ البته این کد رو من می خوام در ماژول HTML جوملا قرار بدم.
    و یه سوال دیگه، آیا میشه که در این کد یه متن دلخواه با فونت دلخواه قرار داد؟
    و آیا میشه که سال، ماه و روز از راست به چپ نمایش داده شوند، به‌جای آنکه از چپ به راست نمایش داده بشن؟
    ممنونم از زحمتی که می کشید.
    وب سایت: http://www.4dangehnews.com
    ایمیل: alinazari571@gmail.com

    • سلام و ممنون که از کد من استفاده می‌کنید.
      برای شمارش رو به جلو، مقدار متقییر countUp را روی true تنظیم کنید، و TargetDate را به زمان میلادی مبداء مورد نظر تغییر دهید.
      برای نمایش تاریخ از راست به چپ در بیشتر قالب‌ها، کافی است که ابتدای CSS طرح را به این شکل تغییر دهید:
      body {
      direction: rtl;
      }

      برای نمایش متن دلخواه، تنها به تغییر HTML کد نیاز دارید. برای استفاده از فونت‌های دلخواه هم می‌توانید هم CSS اصلی را تغییر دهید، و هم مستقیم در HTML از آن‌ها استفاده نمایید.
      ضمناً این کد از ابتدا به‌گونه‌ای طراحی شده که که در هر جایی که امکان کد نویسی PHP و یا HTML و… وجود داشته‌باشد، کار می‌کند. بنابراین، امکان استفاده آن به‌راحتی در ماژول‌های جوملا و پلاگین‌های وردپرس فراهم می‌باشد. اگر در استفاده با CMS خاصی دچار مشکل شدید، لطفاً اطلاع دهید.
      با سپاس،
      David Refoua

Leave a Reply

Your email address will not be published. Required fields are marked *

Anti-Spam by WP-SpamShield