تبلیغات

تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
اسکریپت وبلاگدهی + سوال 1 پاسخ 54 بازدید افزونه woocomrece vebdor subdomain 1 پاسخ 32 بازدید دانلود رایگان مجموعه طرح لایه باز قالب پست اینستاگرام 5 پاسخ 835 بازدید فروش حق امتیاز قالب وردپرس در مارکت ژاکت 10 پاسخ 2014 بازدید مشکل در پنل قالب بیست اسکریپت 3 پاسخ 615 بازدید بهترین cdn 2 پاسخ 781 بازدید بهترین وب سرور 2 پاسخ 713 بازدید محدودیت اسکریپت bemusic 1 پاسخ 227 بازدید خرید تتر از ایران 0 پاسخ 17 بازدید سئو و لینک سازی 0 پاسخ 2 بازدید

تبلیغات
تبلیغات تبلیغات

کد ساعت بسیار زیبای جی کوئری

تقویم و زمان , جی کوئری

امروز با یک ساعت بسیار زیبا و از همه مهم تر بدون تبلیغ در خدمتتون هستیم ! اکثر ساعت هایی که تو نت موجود هستن دارای تگ و یا لینک تبلیغاتی هستن که برای وب نویس ها زیاد خوشایند نیست و یکی دیگه از نقاط ضعف این ساعت ها دارای پس زمینه با فرمت عکس هستند که بسیار تو سرعت لود وب شما تاثیر داره پس اگر خواستین از ساعت ها در وب خودتون استفاده کنید حتما به این نکات توجه کنید خوشبختانه استفاده از این ساعت زیاد سخت نیست و شما براحتی میتونید استفاده کنید

 

کد ساعت بسیار زیبای جی کوئری

 

<canvas id="canvas" width="350" height="350"></canvas>
<script class="cssdeck">
var cvs = document.getElementById('canvas');
var ctx = cvs.getContext('2d');
ctx.lineWidth = 23;
ctx.textAlign = 'center';
ctx.textBaseline = 'middle';
ctx.font = '25px Trebuchet MS';
ctx.fillStyle = 'black';
 
/**
 * @closure
 */
var draw = (function () {
    var start = 1.5 * Math.PI; // Start circle from top
    var end = (2 * Math.PI) / 100; // One percent of circle
 
    /**
     * Draw percentage of a circle
     *
     * @param {number} r Radius
     * @param {number} p Percentage of circle
     * @param {string} c Stroke color
     * @return void
     */
    return function (r, p, c) {
        p = p || 100; // When time is '00' we show full circle
        ctx.strokeStyle = c;
        ctx.beginPath();
        ctx.arc(175, 175, r, start, p * end + start, false);
        ctx.stroke();
    };
}());
 
var clock = function () {
    requestAnimationFrame(clock);
 
    var date = new Date;
    var h = date.getHours();
    var m = date.getMinutes();
    var s = date.getSeconds();
    // Calculate percentage to be drawn
    var hp = 100 / 12 * (h % 12);
    var mp = 100 / 60 * m;
    var sp = 100 / 60 * s;
    // Ensure double digits
    h = h < 10 ? '0' + h : h;
    m = m < 10 ? '0' + m : m;
    s = s < 10 ? '0' + s : s;
 
    ctx.clearRect(0, 0, 350, 350);
    ctx.fillText(h + ':' + m + ':' + s, 175, 175);
    draw(75, hp, 'palevioletred');
    draw(100, mp, 'limegreen');
    draw(125, sp, 'steelblue');
};
 
clock()
 
</script>

 

اگر مایل به تغییر سایز ساعت بودید می توانید مقدار های آنهارا با تگ ها : width=”350″ height=”350″ به دلخواه تغییر بدید

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
دانلود بیش از 5میلیون محصول وردپرسی تنهابا 500 هزارتومان (طرح برد برد) کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 1 تقویم و زمان , جی کوئری
لینک کوتاه مطلب : https://www.20script.ir/?p=32052
کلمات کلیدی پست :
مطالب مرتبط
6,618پلاگین ابزار رنگ ها به سبک فتوشاپ به صورت جی کوئری تاریخ : 2014/02/25
6,191پلاگین جی کوئری زیبا ساز چک باکس تاریخ : 2014/07/21
6,031پلاگین جی کوئری برای تغییر رنگ صفحه تاریخ : 2016/02/20
5,770با jQuery Notes به تصاویر خود برچسب بزنید تاریخ : 2014/05/9
7,216دانلود نرم افزار ساخت اسلایدر جی کوئری Amazing Slider تاریخ : 2018/04/2
6,442رابط کاربری iMessage در 9 IOS با جی کوئری تاریخ : 2016/04/21
17,505قالب بسیار زیبای هاستینگ به صورت HTML تاریخ : 2014/07/27
9,793اسکریپت اسلاید Coverflow به صورت 3D با jQuery و CSS3 تاریخ : 2014/09/9
12,405اسکریپت جی کوئری گالری عکس Justified Gallery تاریخ : 2014/08/17
5,805افکت زمان و تاریخ مشابه iOS 7 به صورت جی کوئری تاریخ : 2014/01/12
5,941افکت سه بعدی بر روی تصاویر به صورت جی کوئری تاریخ : 2013/12/23
8,537افکت گذاری بسیار زیبا بر روی تصاویر با جی کوئری تاریخ : 2014/03/8
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
تبلیغات
تبلیغات
تبلیغات
تبلیغات