نمایش CountDown برای ساعت در جاوا اسکریپت

اسکریپت زیر برای نمایش ساعت به صورت کاهشی می باشد که هر یک ثانیه یکبار اجرا شده  و مقدار آن به روز رسانی می شود .

function showCountDown () {
  var nextdate = new Date(2017, 9, 24, 10)
  var curDate = new Date()
  var seconds, minutes, hours
   
  seconds = Math.floor((nextdate - curDate) / 1000)
  minutes = Math.floor(seconds / 60 )
  seconds = seconds % 60
  hours = Math.floor(minutes/60)
  minutes = minutes % 60;
   
  console.log(hours + ':' + minutes + ':' + seconds)
  }
   
  var interval = setInterval(showCountDown, 1000)
توسطعثمان رحیمینظرات0بازدید ها 591 ماه قبل ، یکشنبه 30 مهر 1396 ساعت 11:16

تبدیل استایل Button به استایل Link

جهت تغییر نحوه نمایش Button به صورت لینک و یا متن فقط کافیست اندکی فایل های CSS را برای  Button تغییر داد که به صورت لینک نمایش داده شود . برای تغییر نمایش پیش فرض Button به لینک می توانید از کدهای CSS زیر استفاده نمود :

button {
     background:none!important;
     border:none;
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom:1px solid #444;
     cursor: pointer;
}

See Demo (on JSfiddle)

 

توسطعثمان رحیمینظرات0بازدید ها 26736 ماه قبل ، پنج شنبه 17 اردیبهشت 1394 ساعت 02:03

نحوه بارگذاری مجدد سایت بعد از تغییر اندازه صفحه

در مواقعی ممکن است نیاز داشته باشیم با تغییر اندازه صفحه ، صفحه را مجددا بارگزاری کنیم ، برای مثال در زمان فشردن کلید F12 .برای انجام این کار می توانیم از متد زیر استفاده کنیم :

$(window).on('resize', function () { location.reload(); }); 

 

توسطعثمان رحیمینظرات0بازدید ها 27728 ماه قبل ، دوشنبه 25 اسفند 1393 ساعت 16:14

ساخت یک Scroll با استفاده از setInterval

اگر با کتابخانه جکوری کار کرده باشید متوجه کند بودن شتاب و حرکت افکت المان های آن شده اید مثلا حرکت یک المان در صفحه که به کندی و بریده بریده انجام می شود . پلاگینی به اسم  easing وجود دارد که باعث می شود حرکت...

توسطعثمان رحیمینظرات0بازدید ها 27071111 روز قبل ، پنج شنبه 15 آبان 1393 ساعت 13:52

Tooltip های ساده با Bootstrap

کدهای زیر نحوه ایجاد Tooltip های ساده با استفاده از فریمورک Bootstra می باشد ...

توسطعثمان رحیمینظرات0بازدید ها 31002 ماه قبل ، یکشنبه 6 مهر 1393 ساعت 21:07

ساخت Pageing در Bootstrap

Paging زمانی صورت میگیرد که بخواهید برای مطالب خود صفحه بندی ایجاد کنید و در هر صفحه تعدادی محدود از آیتم ها را به کاربران نشان دهید .با استفاده از فریمورک Bootstrap می توانید Paging های زیبایی تولید کنید .کدهای زیر نمونه ای از ساخت Paging با استفاده از بوت استراپ می باشد ...

توسطعثمان رحیمینظرات0بازدید ها 30862 ماه قبل ، یکشنبه 6 مهر 1393 ساعت 20:44

ساخت یک پنل (Panel) با Bootstrap

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

توسطعثمان رحیمینظرات0بازدید ها 30772 ماه قبل ، یکشنبه 6 مهر 1393 ساعت 20:36