برای استفاده از امکانات بیشتر سایت باید ثبت نام کنید
ابتدا وارد سایت شوید
instagram
به اشتراک بگذارید
250 4 0

ساخت تایمر با جاوا اسکریپت

ساخت تایمر با جاوا اسکریپت,ساخت تایمر,سورس تایمر با جاوا اسکریپت,ساخت تایمر با جاوااسکریپت,make timer js

moeinbabaei
ساخت تایمر با جاوا اسکریپت
۱۳۹۹/۱۱/۱۳

ساخت تایمر با جاوا اسکریپت

سلام به تمام کاربران عزیز 

تو این اموزش نحوه ساخت تایمر با جاوا اسکریپت را اموزش میدم:


ابتدا فایل index.html را ایجاد کنید و کد های زیر رو درونش قرار دهید.

<!DOCTYPE html>
<html>
<head>
<title>CamelCase Timer</title>
<script src="timer.js"></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;
    }
}


امیدوارم از این اموزش لذت برده باشید

نظر بدهید
برای نظر دادن ابتدا ثبت نام کنید