English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

  1. الموقع الحالي
  2. الصفحة الرئيسية
  3. ملاحظات الخبرة
  4. النص

أفضل كودات العد التنازلي JS الشاملة

هذا المقال يشارككم نموذج JS العد التنازلي مع الرموز، يمكنكم الرجوع إليه، والتفاصيل كالتالي

النوع الأول:كود زمن العد التنازلي JavaScript بدقة الثواني　　

HTMLكود:　　

<form name="form1"> 
<div align="center" align="center"> 
<center>البعد عن عام 2010:<br> 
<input type="textarea" name="left" size="35" style="text-align: center"> 
</center> 
</div> 
</form> 
<script LANGUAGE="javascript"> 
startclock() 
var timerID = null; 
var timerRunning = false; 
function showtime() { 
Today = new Date(); 
var NowHour = Today.getHours(); 
var NowMinute = Today.getMinutes(); 
var NowMonth = Today.getMonth(); 
var NowDate = Today.getDate(); 
var NowYear = Today.getYear(); 
var NowSecond = Today.getSeconds(); 
إذا (NowYear < 2000) 
NowYear = 1900 + NowYear; 
اليوم = null; 
ساعة_يسار = 23 - NowHour 
دقيقة_يسار = 59 - NowMinute 
ثانية_يسار = 59 - NowSecond 
عام_يسار = 2009 - NowYear 
شهر_يسار = 12 - NowMonth - 1 
يوم_يسار = 31 - NowDate 
إذا (ثانية_يسار < 0) 
{ 
ثانية_يسار = 60 + ثانية_يسار; 
دقيقة_يسار = دقيقة_يسار - 1; 
} 
إذا (دقيقة_يسار < 0) 
{ 
دقيقة_يسار = 60 + دقيقة_يسار; 
ساعة_يسار = ساعة_يسار - 1; 
} 
إذا (ساعة_يسار < 0) 
{ 
ساعة_يسار = 24 + ساعة_يسار; 
يوم_يسار = يوم_يسار - 1; 
} 
إذا (يوم_يسار < 0) 
{ 
يوم_يسار = 31 + يوم_يسار; 
شهر_يسار = شهر_يسار - 1; 
} 
إذا (شهر_يسار < 0) 
{ 
شهر_يسار = 12 + شهر_يسار; 
عام_يسار = عام_يسار - 1; 
} 
الوقت = عام_يسار + 'سنة،' + شهر_يسار + 'شهر،' + يوم_يسار + 'يوم،' + ساعة_يسار + 'ساعة،' + دقيقة_يسار + 'دقيقة،' + ثانية_يسار + 'ثانية' 
document.form1.left.value=Temp; 
timerID = setTimeout("showtime()",1000); 
timerRunning = true; 
} 
var timerID = null; 
var timerRunning = false; 
function stopclock () { 
if(timerRunning) 
clearTimeout(timerID); 
timerRunning = false; 
} 
function startclock () { 
stopclock(); 
showtime(); 
} 
// --> 
</script>

第二种：某某运动会　　

HTMLكود:　　 

 
<script language="JavaScript"> 
<!-- 
function DigitalTime1() 
{ 
var deadline= new Date("08/13/2007") //开幕倒计时 
var symbol="8月13日" 
var now = new Date() 
var diff = -480 - now.getTimezoneOffset() //是北京时间和当地时间的时间差 
var leave = (deadline.getTime() - now.getTime()) + diff*60000 
var day = Math.floor(leave / (1000 * 60 * 60 * 24)) 
var hour = Math.floor(leave / (1000*3600)) - (day * 24) 
var minute = Math.floor(leave / (1000*60)) - (day * 24 *60) - (hour * 60) 
var second = Math.floor(leave / (1000)) - (day * 24 *60*60) - (hour * 60 * 60) - (minute*60) 
var deadline_2= new Date("08/13/2004") //开幕后计时 
var symbol_2="8月13日" 
var now_2 = new Date() 
var diff_2 = -480 - now.getTimezoneOffset() //是北京时间和当地时间的时间差 
var leave_2 = (now_2.getTime() - deadline_2.getTime()) + diff_2*60000 
var day_2 = Math.floor(leave_2 / (1000 * 60 * 60 * 24)) 
var hour_2 = Math.floor(leave_2 / (1000*3600)) - (day_2 * 24) 
var minute_2 = Math.floor(leave_2 / (1000*60)) - (day_2 * 24 *60) - (hour_2 * 60) 
var second_2 = Math.floor(leave_2 / (1000)) - (day_2 * 24 *60*60) - (hour_2 * 60 * 60) - (minute_2*60) 
day=day+1; 
day_2=day_2+1; 
if (day>0) //还未开幕 
{ 
//LiveClock1.innerHTML = "现在"+symbol+"天" 
LiveClock1.innerHTML = "<font 
setTimeout("DigitalTime1()",1000) 
} 
if (day<0) //已经开幕 
{ 
//LiveClock1.innerHTML = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒" 
LiveClock1.innerHTML = "<font 
setTimeout("DigitalTime1()",1000) 
} 
if (day==0) //正在开幕 
{ 
//LiveClock1.innerHTML = "现在"+symbol+"天" 
LiveClock1.innerHTML = "<font 
setTimeout("DigitalTime1()",1000) 
} 
if (day<0 & day_2>19) //某某运动会结束 
{ 
//LiveClock1.innerHTML = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒" 
LiveClock1.innerHTML = "<font 
setTimeout("DigitalTime1()",1000) 
} 
} 
// --> 
</script> 
<!--倒计时Javascript end--> 
<body onload=DigitalTime1()> 
<div id= LiveClock1></div> 
</body>

第三种：小时倒计时　　

HTMLكود:　　 

<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
var maxtime = 60*60 //一个小时，按秒计算，自己调整! 
function CountDown() { 
if(maxtime>=0){ 
minutes = Math.floor(maxtime/60); 
seconds = Math.floor(maxtime%60); 
msg = "بقيت حتى الانتهاء " + minutes + " دقيقة " + seconds + " ثانية"; 
document.all["timer"].innerHTML=msg; 
if(maxtime == 5*60) alert('انتبه، هناك 5 دقائق فقط!'); 
--maxtime; 
} 
else{ 
clearInterval(timer); 
alert("الوقت انتهى، انتهت!"); 
} 
} 
timer = setInterval("CountDown()",1000); 
//--> 
</SCRIPT> 
<div id="timer" style="color:red"></div>

النوع الرابع:أبسط زمن العد التنازلي　　

HTMLكود:　　 

<Script Language="JavaScript"> 
<!-- Begin 
　　var timedate= new Date("January 14,2006"); 
　　var times="الامتحان للدراسات العليا"; 
　　var now = new Date(); 
　　var date = timedate.getTime() - now.getTime(); 
　　var time = Math.floor(date / (1000 * 60 * 60 * 24)); 
　　if (time >= 0) ; 
document.write("<li><font color=#DEDBDE>الآن من 2006"+times+"بقيت: <font color=#ffffff><b>"+time +"</b></font> يوم</font></li>"); 
// End --> 
</Script>

النوع الخامس:أبسط زمن العد التنازلي　　

HTMLكود:　　 

<script language="JavaScript" type="text/javascript"> 
function djs(){ 
var urodz= new Date("11/12/2008");　 
var now = new Date(); 
var num 
var ile = urodz.getTime() - now.getTime();　　 
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));　　 
if (dni >1)　　 
num=dni+1 
else if (dni == 1) num=2　 
else if (dni == 0) num=1 
else num=0　 
document.write(num)　　 
} 
</script>

بقيت حتى افتتاح معرض [ <script language="JavaScript" type="text/javascript">djs()</script> ] يوم　　

النوع السادس:مؤقتة Javascript - تعتمد على الوقت النظامي للتحقق الذاتي　　
هذا المرة يتم استخدام الوقت النظامي للتحقق الذاتي للعد التنازلي، مما يجعل العد التنازلي أكثر دقة دون الحاجة إلى ضبط يدوي، والكود والتعليقات التفصيلية كما يلي:　　

<span id="clock">00:01:11:00</span> 
<input id="startB" type="button" value="بدء العد التنازلي!" onclick="run()"> 
<input id="endB" type="button" value="وقف العد التنازلي!" onclick="stop()"> 
<br> 
<input id="diff" type="text"> 
<input id="next" type="text"> 
<script language="Javascript"> 
/* يجب أن يبقى هذا الإشعار غير غير المعدل في جميع الأوقات.
countdown.js v. 1.0 
أحدث إصدار متاح في 
http://blog.csdn.net/yjgx007
حقوق النشر (c) 2004 Xinyi.Chen. جميع الحقوق محفوظة. 
تم إنشاؤه في 30/7/2004 بواسطة Xinyi.Chen. 
الموقع الإلكتروني: http://blog.csdn.net/yjgx007 
البريد الإلكتروني: [email protected] 
آخر تعديل: 30/7/2004
هذا البرنامج برنامج مجاني 
يمكنك إعادة توزيعها وتعديلها تحت شروط الاتفاقية 
رخصة العموم العامة لـ GNU كما نشرتها مؤسسة البرمجيات الحرة;
انظر رخصة العموم العامة لـ GNU 
في http://www.gnu.org/copyleft/gpl.html للحصول على تفاصيل إضافية. 
*/ 
normalelapse = 100; 
nextelapse = normalelapse; 
counter; 
startTime; 
start = clock.innerText; 
finish = "00:00:00:00"; 
timer = null; 
// بدء التشغيل 
دالة run() { 
startB.disabled = true; 
endB.disabled = false; 
counter = 0; 
// تعيين الوقت البدءي 
startTime = new Date().valueOf(); 
// nextelapse هو وقت التوقيت، ويكون في البداية 100 ملي ثانية 
// ملاحظة دالة setInterval: بعد مضي nextelapse (الملي ثانية), تبدأ دالة onTimer بالتنفيذ 
timer = window.setInterval("onTimer()", nextelapse); 
} 
// توقف التشغيل 
دالة stop() { 
startB.disabled = false; 
endB.disabled = true; 
window.clearTimeout(timer); 
} 
window.onload = function() { 
endB.disabled = true; 
} 
// دالة حساب الوقت 
دالة onTimer() 
{ 
إذا (start == finish) 
{ 
window.clearInterval(timer); 
alert("الوقت منتهى!"); 
الرجوع; 
} 
hms = new String(start).split(":"); 
ms = new Number(hms[3]); 
ث = new Number(hms[2]); 
د = new Number(hms[1]); 
هـ = new Number(hms[0]); 
ms -= 10; 
إذا (ms < 0) 
{ 
ms = 90; 
s -= 1; 
if (s < 0) 
{ 
 s = 59; 
 m -= 1; 
} 
if (m < 0) 
{ 
 m = 59; 
 h -= 1; 
} 
} 
var ms = ms < 10 ? ("0" + ms) : ms; 
var ss = s < 10 ? ("0" + s) : s; 
var sm = m < 10 ? ("0" + m) : m; 
var sh = h < 10 ? ("0" + h) : h; 
start = sh + ":" + sm + ":" + ss + ":" + ms; 
clock.innerText = start; 
// إزالة الجهاز الزمني السابق 
window.clearInterval(timer); 
// التحقق من وقت النظام للحصول على الفارق في الوقت، ومنه الحصول على وقت التبقي للمحرك الجديد 
counter++; 
var counterSecs = counter * 100; 
var elapseSecs = new Date().valueOf() - startTime; 
var diffSecs = counterSecs - elapseSecs; 
nextelapse = normalelapse + diffSecs; 
diff.value = counterSecs + "-" + elapseSecs + "=" + diffSecs; 
next.value = "nextelapse = " + nextelapse; 
if (nextelapse < 0) nextelapse = 0; 
// إطلاق جهاز توقيت جديد 
timer = window.setInterval("onTimer()", nextelapse); 
} 
</script>

إضافة وقت التبقي الكامل والوقت نسخه يمكن استخدامها النتائج المترتبة هي：　

يوم ساعة دقيقة ثانية 22 يناير 2013 15:44:23 يوم الإثنين

<html>
<head>
<title>الوقت المتبقي للإعلان</title>
 <script src="http://event.wushuangol.com/ShopClothes/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
<script language="JavaScript">
 $("document").ready(function () {
<!-- يجب تشغيل الوقت
 clockon();
 });
function clockon() {
 var now = new Date();
 var year = now.getFullYear(); //getFullYear getYear
 var month = now.getMonth();
 var date = now.getDate();
 var day = now.getDay();
 var hour = now.getHours();
 var minu = now.getMinutes();
 var sec = now.getSeconds();
 var week;
 month = month + 1;
 if (month < 10) month = "0" + month;
 if (date < 10) date = "0" + date;
 if (hour < 10) hour = "0" + hour;
 if (minu < 10) minu = "0" + minu;
 if (sec < 10) sec = "0" + sec;
 var arr_week = new Array("يوم الأحد", "يوم الاثنين", "يوم الثلاثاء", "يوم الأربعاء", "يوم الخميس", "يوم الجمعة", "يوم السبت");
 week = arr_week[day];
 var time = "";
 time = year + "سنة" + month + "شهر" + date + "يوم" + " " + hour + ":" + minu + ":" + sec + " " + week;
 $("#bgclock").html(time);
 var timer = setTimeout("clockon()", 200);
}
<!-- سكريبت مخفي من المتصفحات القديمة
var DifferHour = -1
var DifferMinute = -1
var DifferSecond = -1
var Tday1 = new Date("شهر فبراير 11، 2013 00:00:00") //**وقت العد التنازلي-الانتباه إلى النسق
تعريف أيام ثانية = 24 * 60 * 60 * 1000
تعريف ساعات ثانية = 60 * 60 * 1000
تعريف ملي ثانية = 60 * 1000
تعريف الميكروثانية = 1000
وظيفة clock()
{
 تعريف time = new Date()
 تعريف الساعة = time.getHours()
 تعريف الدقيقة = time.getMinutes()
 تعريف الثانية = time.getSeconds()
 تعريف timevalue = "" + ((الساعة > 12) ? الساعة - 12 : الساعة)
 timevalue += ((الدقيقة < 10) ? ":0":":") + الدقيقة
 timevalue += ((الثانية < 10) ? ":0":":") + الثانية
 timevalue += ((الساعة > 12) ? " PM":" AM")
 تعريف تحويل الساعة = الساعة المختلفة
 تعريف تحويل الدقيقة = الدقيقة المختلفة
 تعريف تحويل الثانية = الدقيقة المختلفة
 تعريف الفرق الملي = Tday1.getTime() - time.getTime()
 الساعة المختلفة = Math.floor (الفرق الملي / أيام ثانية)
 الفرق الملي -= الساعة المختلفة * أيام ثانية
 الدقيقة المختلفة = Math.floor (الفرق الملي / ساعات ثانية)
 الفرق الملي -= الدقيقة المختلفة * ساعات ثانية
 الدقيقة المختلفة = Math.floor (الفرق الملي / ملي ثانية)
 الفرق الملي -= الدقيقة المختلفة * ملي ثانية
 تعريف dSecs = Math.floor (الفرق الملي / الميكروثانية)
 إذا (تحويل الساعة != الساعة المختلفة) قم بتعيين قيمة dd في document.formnow إلى الساعة المختلفة
 إذا (تحويل الدقيقة != الدقيقة المختلفة) قم بتعيين قيمة hh في document.formnow إلى الدقيقة المختلفة
 if(convertSecond != DifferSecond) document.formnow.mm.value=DifferSecond
 document.formnow.ss.value=dSecs
 document.formnow.ss.value=dSecs
// document.formnow.Tnow.value= DifferHour DifferMinute + DifferSecond + dSecs
setTimeout("clock()",1000)
}
//
إخفاء-->
</script>
</head>
<body onload="clock();return true" >
<!--تظهر المحتويات-->
<form name="formnow">
<input name="dd" type="text" style="border:0;" size=2>
يوم
<input name="hh" type="text" style="border:0;" size=2>
ساعة
<input name="mm" type="text" style="border:0;" size=2>
دقيقة
<input name="ss" type="text" style="border:0;" size=2>
ثانية
<span id="bgclock" style="float:right;padding-right:10px; padding-top:2px;text="red""></span>
</form>
<!--انتهت العدية-->
</body>
</html>

هذا هو نهاية محتوى المقالة، آمل أن يكون قد ساعدكم في التعلم، وأتمنى أن تشجعوا دائمًا تعليمات النطق.

تعليمية الأساس
من المحتمل أن تود