كيف اعمل refresh للصفحة عن طريق JjavaScript

mohamedbdran كتب:

السلام عليكم ورحمة الله وبركاته

كيف استخدم Javascript ليقوم بتحميل الصفحة refresh كل عدد معين من الوقت

←

ضع التالي في منطقة الHead

<meta http-equiv="refresh" content="10">

هذه الطريقة أسهل من javascript وإذا أردت مثالا عن الطريقة الأخرى فلا تتردد بالسؤال مرة أخرى.

شكرا لك يا اخي على تعاونك

ويا ريت ان تعطيني كود javascript

ان امكن

ضع التالي بين ال Head

	<style>
.styling { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; FONT: bold 15px MS Sans Serif; COLOR: lime; PADDING-TOP: 3px; BACKGROUND-COLOR: black }
  </style>

	<script language="JavaScript">

//configure refresh interval (in seconds)
var countDownInterval=15;
//configure width of displayed text, in px (applicable only in NS4)
var c_reloadwidth=200

  </script>
  <script>

var countDownTime=countDownInterval+1;
function countDown(){
countDownTime--;
if (countDownTime <=0){
countDownTime=countDownInterval;
clearTimeout(counter)
window.location.reload()
return
}
if (document.all) //if IE 4+
document.all.countDownText.innerText = countDownTime+" ";
else if (document.getElementById) //else if NS6+
document.getElementById("countDownText").innerHTML=countDownTime+" "
else if (document.layers){ //CHANGE TEXT BELOW TO YOUR OWN
document.c_reload.document.c_reload2.document.write('Next <a href="javascript:window.location.reload()">refresh</a> in <b id="countDownText">'+countDownTime+' </b> seconds')
document.c_reload.document.c_reload2.document.close()
}
counter=setTimeout("countDown()", 1000);
}

function startit(){
if (document.all||document.getElementById) //CHANGE TEXT BELOW TO YOUR OWN
document.write('<p dir=rtl>هناك <a href="javascript:window.location.reload()">تحديث</a> بعد <b id="countDownText">'+countDownTime+' </b> ثانية أو ثواني </p>')
countDown()
}

if (document.all||document.getElementById)
startit()
else
window.onload=startit

  </script>

ثم ضع التالي في المكان الذي تريد اظهار العداد التنازلي

<span id="digitalclock" class="styling"></span>
       	 <script>
<!--

/*****************************************
* LCD Clock script- by Javascriptkit.com
* Featured on/available at http://www.dynamicdrive.com/
* This notice must stay intact for use
*****************************************/

var alternate=0
var standardbrowser=!document.all&&!document.getElementById

if (standardbrowser)
document.write('<form name="tick"><input type="text" name="tock" size="6"></form>')

function show(){
if (!standardbrowser)
var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var dn="AM"

if (hours==12) dn="PM" 
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0) hours=12
if (hours.toString().length==1)
hours="0"+hours
if (minutes<=9)
minutes="0"+minutes

if (standardbrowser){
if (alternate==0)
document.tick.tock.value=hours+" : "+minutes+" "+dn
else
document.tick.tock.value=hours+"   "+minutes+" "+dn
}
else{
if (alternate==0)
clockobj.innerHTML=hours+"<font color='lime'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
else
clockobj.innerHTML=hours+"<font color='black'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
}
alternate=(alternate==0)? 1 : 0
setTimeout("show()",1000)
}
window.onload=show

//-->
       	 </script>

بالتوفيق