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

ساخت تایمر با جاوا اسکریپت,ساخت تایمر,سورس تایمر با جاوا اسکریپت,ساخت تایمر با جاوااسکریپت,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;
    }
}

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

نظر بدهید

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

جایگاه تبلغ

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

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