الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

طلب سكربت لتحديث الصفحة الجامدة بعد وقت معين (timer)

بدأه dodo2000 في 2 يوليو 2008 · 2 رد · 1,029 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

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

يعطيكم العافية اخواني

انا بدأت مؤخرا ببرمجة موقع اخباري

وكما نعلم الموقع الاخباري .. يتم اضافة الاخبار فيه بشكل دوري ومتتابع وبفترات

زمنية قصيرة

حاولت البحث عن سكربت لتحديث الصفحة بعد 3 دقائق مثلا

ولكن التحديث يكون مشروط بعدم تحريك الماوس بتلك الفترة ااي ال 3 دقائق

اما ما دون ذلك .. وطالما في تفاعل من المستخدم مع الشاشة وتحريك الماوس

لا يتم تحديث الصفحة

ارجو منكم المساعة

وفقني الله واياكم

والسلام عليكم

#2

الفكره هي بأخذ احداثيات ماوس وتخزينها في متغير كل ثلاث ثواني على سبيل المثال(حقل init ألظاهر في كود سوف نخزن فيه احداثيات الماس في خطوه لاحقه)

 

 setInterval[color= #009900;]([color= #0000ff;]"firstValue=document.getElementById('init').value;"[color= #339933;],[color= #cc66cc;]3000[color= #009900;])[color= #339933;];

, ومن ثم مقارنتها مع قيمة حقل مخلف(hidden) يحتوي على احداثيات الماوس 

 

document[color= #339933;].getElementById[color= #009900;]([color= #0000ff;]'init'[color= #009900;])[color= #339933;].value[color= #339933;]=tempY [color= #339933;]+[color= #0000ff;]','[color= #339933;]+tempX [color= #339933;];

فاذا توقف مستخدم عن تحريك الماوس لفتره معينه سوف تتساوى القيمتان ومن ثم نحدث صفحه اي عندما يحرك المستخدم الماوس سوف نخزن في firstValue

على سبيل المثال 34,44 وهي x و y للماوس وبعد ثلاث ثواني سيقوم البرنامج بتحديث قيمة firstValue فاذا توقف المستخدم عن تحريك ماوس في مده مثلا 6 ثواني سوف تتساوى القيمتان وهذه يعني انه توقف عن تحريك وبتالي نحدث صفحه .. ارجو ان تكون وضحت فكره ( بصراحه فكره جديده اخذت مني وقت لتنفيذها استفزتني :lol: )

اترك مع كود المثال 

 

[color= #339933;]<!DOCTYPE html [color= #000000; font-weight: bold;]PUBLIC [color= #0000ff;]"-//W3C//DTD XHTML 1.0 Transitional//EN" [color= #0000ff;]"http://www.w3.org/TR/xhtml1/DTD
/xhtml1-transitional.dtd"[color= #339933;]>

[color= #339933;]<html xmlns[color= #339933;]=[color= #0000ff;]"http://www.w3.org/1999/xhtml"[color= #339933;]>

[color= #339933;]<head[color= #339933;]>

[color= #339933;]<meta http[color= #339933;]-equiv[color= #339933;]=[color= #0000ff;]"Content-Type" content[color= #339933;]=[color= #0000ff;]"text/html; charset=utf-8" [color= #339933;]/>

[color= #339933;]<title[color= #339933;]>Test[color= #339933;]-page relode [color= #339933;]</title[color= #339933;]>

[color= #339933;]&[color= #666666; font-style: italic;]#60;script>

 

[color= #000000; font-weight: bold;]var tempX[color= #339933;], tempY[color= #339933;], firstValue [color= #339933;];

[color= #b1b100;]if [color= #009900;]([color= #339933;]!document[color= #339933;].all[color= #009900;])

document[color= #339933;].captureEvents[color= #009900;](Event[color= #339933;].MOUSEDOWN[color= #009900;])[color= #339933;];

document[color= #339933;].onmousemove [color= #339933;]=  mouseDown[color= #339933;];

 

[color= #000000; font-weight: bold;]function mouseDown [color= #009900;](evt[color= #009900;]) [color= #009900;]{

[color= #b1b100;]if [color= #009900;](document[color= #339933;].all[color= #009900;])

 [color= #009900;]{

   tempX [color= #339933;]= event[color= #339933;].clientX[color= #339933;];

   tempY [color= #339933;]= event[color= #339933;].clientY[color= #339933;];

 [color= #009900;]}

[color= #b1b100;]else

 [color= #009900;]{

   tempX[color= #339933;]= evt[color= #339933;].pageX[color= #339933;];

   tempY [color= #339933;]= evt[color= #339933;].pageY[color= #339933;];

 

   document[color= #339933;].getElementById[color= #009900;]([color= #0000ff;]'init'[color= #009900;])[color= #339933;].value[color= #339933;]=tempY [color= #339933;]+[color= #0000ff;]','[color= #339933;]+tempX [color= #339933;]; 

 [color= #009900;]}

[color= #009900;]}

 

 

  [color= #000000; font-weight: bold;]function reloader[color= #009900;]([color= #009900;])

  [color= #009900;]{

    [color= #b1b100;]if[color= #009900;](document[color= #339933;].getElementById[color= #009900;]([color= #0000ff;]'init'[color= #009900;])[color= #339933;].value  [color= #339933;]==  firstValue [color= #009900;])

	[color= #009900;]{  

	 window[color= #339933;].location [color= #339933;]=[color= #0000ff;]"tes.html"[color= #339933;];

 

    [color= #009900;]}

  [color= #009900;]}

[color= #000000; font-weight: bold;]</script>

 

 

 

 

[color= #339933;]</head[color= #339933;]>

 

[color= #339933;]<body[color= #339933;]>

 

[color= #339933;]<input type[color= #339933;]=[color= #0000ff;]"hidden" id[color= #339933;]=[color= #0000ff;]"init" [color= #339933;]/>

 

[color= #339933;]&[color= #666666; font-style: italic;]#60;script>

  setInterval[color= #009900;]([color= #0000ff;]"firstValue=document.getElementById('init').value;"[color= #339933;],[color= #cc66cc;]3000[color= #009900;])[color= #339933;];

  setInterval[color= #009900;]([color= #0000ff;]"reloader()"[color= #339933;],[color= #cc66cc;]6000[color= #009900;])[color= #339933;];

[color= #000000; font-weight: bold;]</script>

[color= #339933;]</body[color= #339933;]>

[color= #339933;]</html[color= #339933;]>

تم تعديل هذه المشاركة بواسطة ahmad123 في 8 يوليو 2008 في 22:44

#3

اريد طر يقة تمكنني من ادخال فايروس الى موقع ما

مواضيع مشابهة