رفتن به مطلب

مشکل با اضافه کردن دکمه شروع به countdown جاوااسکریپت


پست های پیشنهاد شده

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

بگذریم یک کد دارم به شکل زیر


<span id="countdown" class="timer"></span>
<script>
var seconds = 60;
function secondPassed() {
var minutes = Math.round((seconds - 30)/60);
var remainingSeconds = seconds % 60;
if (remainingSeconds < 10) {
remainingSeconds = "0" + remainingSeconds;
}
document.getElementById('countdown').innerHTML = minutes + ":" + remainingSeconds;
if (seconds == 0) {
clearInterval(countdownTimer);
document.getElementById('countdown').innerHTML = "Buzz Buzz";
} else {
seconds--;
}
}

var countdownTimer = setInterval('secondPassed()', 10);
</script>

خوب حالا میخوام جوری باشه که یک دکمه داشته باشه خوب وقتی تایم صفر شد دکمه رو بزنی از اول شروع کنه شمردن هرکار میکنم دکمه اضافه میشه ولی کاری که میخوام نمیکنه :( اگه کمک کنید ممنون میشم همچنین میشه بجای دکمه یک عکس باشه؟ یعنی روی عکسه که کلیک میشه شروع کنه شمردن اگه کمک کنید این درست کنم خیلی ممنون میشم :)

لینک به ارسال

<span id="countdown" class="timer"></span>
<script>
var seconds = 60;
function secondPassed() {
var minutes = Math.round((seconds - 30)/60);
var remainingSeconds = seconds % 60;
if (remainingSeconds < 10) {
remainingSeconds = "0" + remainingSeconds;
}
document.getElementById('countdown').innerHTML = minutes + ":" + remainingSeconds;
if (seconds == 0) {
clearInterval(countdownTimer);
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", "Click me");
x.setAttribute("onclick", "start_timer()");
document.getElementById('countdown').appendChild(x);
} else {
seconds--;
}
}

function start_timer(){
seconds = 60;
var countdownTimer = setInterval('secondPassed()', 100);
}

var countdownTimer = setInterval('secondPassed()', 100);
</script>

لینک به ارسال

این کد که دادید خیلی خوبه فقط اینکه اولش خودش شروع میکنه میخوام جوری باشه که با زدن دکمه شروع بشه یعنی اولش اتومات نره و اگه در حین حرکت کاربر دوباره دکمه رو بزنه از اول شروع بشه اگه لطف کنید کدش بزارید یا راهنمای کنید ممنون میشم همچنین این کد که قرار دادی بعد اتمام تایم دکمه رو نشون میده و اگه دوبار تایم بره دکمه رو بزنی بار سوم نشون میده ولی هرچی بزنی هیچ اتفاقی نمی افته یعنی فقط تا دوبار جواب میده

ویرایش شده توسط GameSource
لینک به ارسال

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

فایلش 2 کیلوبایت بیشتر نیست:لینک دانلود از آپلود باز

لینک به ارسال

چون فایلتون برای اجرا نیاز به جی کوئری داره

شما فایلش رو لود نکردید!

لینک به ارسال

چون فایلتون برای اجرا نیاز به جی کوئری داره

شما فایلش رو لود نکردید!

ممنون از پاسختون فقط متوجه نشدم میشه یکمی بیشتر توضیح بدید که چجوری باید این کار انجام بدم؟

لینک به ارسال

فایل جی کوئری رو قبل فایل اسکریپتتون در فایل html قارر بدید:

http://code.jquery.com/jquery-1.11.2.min.js

لینک به ارسال

فایل جی کوئری رو قبل فایل اسکریپتتون در فایل html قارر بدید:

http://code.jquery.com/jquery-1.11.2.min.js

سلام ممنون از پاسختون اگه منظورتون این بوده که به این شکل بنویسم


<html>
<head>
<title></title>

<link rel="stylesheet" href="Style.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script type="text/javascript"src="Script.js"></script>
</head>
<body>
<button onclick="doStart()">Start</button>
<div id="CountDownPanel"></div>
</body>
</html>

بنده به این شکل هم تست کردم اما درست نشد متاسفانه

لینک به ارسال

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...