کسب در آمد

𝓢𝓐ℬ𝓐𝓦𝓔ℬ

Hacking@Security
DERAQOULA

DęЯǞqΦЦlǞ

𝓢𝓐ℬ𝓐𝓦𝓔ℬ

𝓢𝓐ℬ𝓐𝓦𝓔ℬ




    DERAQOULA

    💢 آنقدر از زندگي دلتنگ و دلگيرم
    😔(کــــــــــــــه)😔
    روز مرگ خود را جشن مي گيرم 💢


Writers
Last Comments
  • ۶ اسفند ۹۸، ۰۴:۱۵ - یونس توا
    عالی

Subjects

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

لبخنددر این پست یاد میگیریم که چطور یک تایمر با استفاده از کد های HTML و Javascript درست کنیم.لبخند

در این نوشته قصد آموزش ساخت یک تایمر با جاوااسکریپت را برای شما داریم؛ با ما همراه باشید…

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

یک فایل html با نام index.html می سازیم و کدهای زیر را در آن قرار می دهیم:

<html>
<head>
    <script src="لینک رو اینجا قرار بدین"></script>
    <style type="text/css">
        .timer
        {
            margin: 100px auto;
            width: 100px;
        }
        .timer p
        {
            display: inline;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <div class="timer">
        <p id="clock-minute">00</p><p>:</p><p id="clock-second">00</p>
    </div>
</body>
</html>

در این مرحله یک فایل جاوا اسکریپت با نام timer.js ایجاد کنید و محتوای آنرا با کدهای زیر پر کنید:

var interval1 = setInterval(tetrisTimer, 1000);
 
function tetrisTimer() {
    var minute = document.getElementById("clock-minute").innerText;
    var second = document.getElementById("clock-second").innerText;
 
    if(parseInt(second)===59)
    {
        var newMin = (parseInt(minute) + 1).toString();
        if(newMin<10)
            newMin="0" + newMin;
        document.getElementById("clock-minute").innerHTML = newMin;
        document.getElementById("clock-second").innerHTML = "00";
    } else {
        newSec = (parseInt(second) + 1).toString();
        if(newSec<10)
            newSec="0" + newSec;
        document.getElementById("clock-second").innerHTML = newSec;
    }
}

توضیح :

در کد بالا ابتدا دو تگ p باز کردیم و مقدار آیدی آنها را به ترتیب برابر clock-minute و clock-second قرار دادیم. سپس در یک تابع جاوا اسکریپت با دسترسی با مقادیر آنها با گذشتن هر ثانیه یک واحد به مقدار ثانیه اضافه کردیم و در صورتی که ثانیه ها به 60 برسد آنرا 0 کرده و به دقیقه یک واحد اضافه خواهیم کرد.

برای راحتی کار و استفاده این کد در قالب یا جاهای دیگه کد جاوا اسکریپت رو اپلود کنین.

خب بعد از ساخت فایل جاوا فایل رو توی Picofile یا هر سایت اپلودر دیگه ای اپلود کنین و لینک مستقیم فایل رو در فایل HTML قسمت

<script src="اینجا لینک رو قرار بدین"></script>

(خب کار تمام است حالا میتونین کد های HTML رو هر جا که دوست دارین استفاده کنین)

(مشاهده)

موفق باشید

    • DęЯǞqΦЦlǞ

Comments (۰)

There Are No Comments Yet
ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی