PDA

View Full Version : سوال: قرار دادن تایمر در صفحه


Dead Space
شنبه 09 بهمن 1389, 11:29 صبح
سلام دوستان
ببخشید یک سوالی داشتم از اساتید
من میخوام در صفحاتم یک قسمتی قرار بدم وقتی طرف روی اون کلیک کرد دوباره همون صفحه لود بشه بعد یک تایمر بیاد مثلا ۴ دقیقه بعد این تایمر وقتی ۰ شد دوباره صفحه رفرش بشه و و یک اتفاقی در بانک اطلاعتی که Query رو نوشتم انجام بشه
میخواستم ببینم این کار رو من چطوری باید انجام بدم ؟(اضافه کردن تایمر)
با تشکر
farhadfery
شنبه 09 بهمن 1389, 11:56 صبح
سلام
من یکجایی نیاز داشتم که زمان باقیمانده را به کاربر نمایش بدو و بعد redirect کنمش. این کد رو نوشتم. که با js است.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
function display_time_out(timeout)
{
if( timeout <0 ) return false;
var element_id = 'txttime';
var tf = (timeout<10)? "0"+timeout : timeout ;
document.getElementById(element_id).value=tf;
timeout--;
setTimeout('display_time_out('+timeout+')', 1000);
}
</script>
</head>
<body onload="display_time_out('15');">
<form name="clock" id="clock">
<input type="text" id="txttime" name="txttime" size=8 style="background-color:#FC0;color:#333">
</form></center><div class="clr"></div>
</body>
</html>
binyaft
شنبه 09 بهمن 1389, 12:00 عصر
با جاوا اسکریپت انجام بدید


پ.ن : :(( ، اینجا مکان مناسبی برای مطرح کردن این سوالات نیست ، سوالتون رو در بخش مربوطه بپرسید
hossin.esm
شنبه 09 بهمن 1389, 12:58 عصر
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">

function display_time_out(timeout)
{
if( timeout <0 )
{
window.location="http://www.google.com/";
}
var element_id = 'txttime';
var tf = (timeout<10)? "0"+timeout : timeout ;
document.getElementById(element_id).value=tf;
timeout--;
setTimeout('display_time_out('+timeout+')', 1000);
}
</script>
</head>
<body onload="display_time_out('15');">
<form name="clock" id="clock">
<input type="text" id="txttime" name="txttime" size=8 style="background-color:#FC0;color:#333">
</form></center><div class="clr"></div>
</body>
</html>
Dead Space
شنبه 09 بهمن 1389, 15:02 عصر
خیلی ممنون بابت راهنماییتون
فقط سوال آخر الان شما تایمر رو داخل یک input قرار دادید من میخوام بدون اینکه داخل کادری باشه روی صفحه اون تایمر نمایش داده ببشه بعد تایمر که تموم شد با method post مقداری رو به برنامه PHP بفرستم که اونجا عملیات روش انجام بدم
شرمنده چون من جاوااسکریپتم و html ضعیف هست
ممنون
hossin.esm
شنبه 09 بهمن 1389, 15:22 عصر
میتونید به جای input از div و غیره استفاده کنید .
یک مثال دیگه البته با setInterval


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
var time=15;
function redirect()
{
document.getElementById('t').innerHTML=time;
time--;
if(time<=0)
{
var v=document.getElementById('txt').value;
window.location="test.php?v="+v;
}


}
window.onload=function(){ setInterval("redirect()",1000); }
</script>
</head>
<body>
<div id="t"> </div>
<input type="text" id="txt" name="txttime" value="test" >
</body>
</html>