تلخص هذه المقالة رموز العد التنازلية المشتركة. شاركه للرجوع إليه. الملخص المحدد هو كما يلي:
النوع الأول: رمز العد التنازلي JavaScript دقيق إلى ثوانٍ
رمز HTML:
انسخ الرمز كما يلي: <form name = "form1">
<div align = "center" align = "center">
<centre> لا يزال هناك في عام 2010: <br>
<type type = "textarea" name = "Left" size = "35" style = "text-align: Center">
</center>
</div>
</form>
<script language = "javaScript">
StartClock ()
var timerid = null ؛
var timerrunning = false ؛
وظيفة showtime () {
اليوم = تاريخ جديد () ؛
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 ؛
اليوم = فارغ ؛
hordleft = 23 - الآن
minuteleft = 59 - nowminute
Secondleft = 59 - Nowsecond
yearleft = 2009 - Nowyear
Monthleft = 12 - Nowmonth - 1
dateleft = 31 - Nowdate
إذا (Secondleft <0)
{
SecondLeft = 60+secondleft ؛
minuteleft = minuteleft-1 ؛
}
إذا (minuteleft <0)
{
minuteleft = 60+minuteleft ؛
hordleft = hordleft-1 ؛
}
إذا (hordleft <0)
{
hordleft = 24+hordleft ؛
dateleft = dateleft-1 ؛
}
if (dateleft <0)
{
dateletft = 31+dateleft ؛
monthleft = monthleft-1 ؛
}
إذا (monthleft <0)
{
monthleft = 12+monthleft ؛
yearleft = yearleft-1 ؛
}
temp = yearleft+'year ،'+monthleft+'month ،'+dateleft+'day ،'+hordleft+'hour ،'+minuteleft+'minute ،'+secondleft+'second'
document.form1.left.value = temp ؛
timerid = setTimeOut ("showtime ()" ، 1000) ؛
timerrunning = صحيح ؛
}
var timerid = null ؛
var timerrunning = false ؛
وظيفة stopClock () {
إذا (timerrunning)
ClearTimeout (timerid) ؛
timerrunning = خطأ ؛
}
وظيفة startClock () {
StopClock () ؛
موعد العرض()؛
}
// ->
</script>
النوع الثاني: اجتماع رياضي معين
رمز HTML:
انسخ الرمز على النحو التالي: <!-العد التنازلي javaScript Begin->
<script language = "javaScript">
<!-
وظيفة DigitalTime1 ()
{
VAR MATTERTY = تاريخ جديد ("08/13/2007") // فتح العد التنازلي
var symbol = "13 أغسطس"
var الآن = تاريخ جديد ()
var diff = -480 - now.gettimezoneoffset () // هو الفرق الزمني بين وقت بكين والتوقيت المحلي
VAR LEET = (adadline.getTime () - now.getTime ()) + Diff*60000
var day = math.floor (ترك / (1000 * 60 * 60 * 24))
var hour = math.floor (LEEP / (1000 * 3600)) - (اليوم * 24)
var minute = math.floor (Leave / (1000 * 60)) - (اليوم * 24 * 60) - (الساعة * 60)
var second = math.floor (Leave / (1000)) - (اليوم * 24 * 60 * 60) - (الساعة * 60 * 60) - (دقيقة * 60)
var adadline_2 = تاريخ جديد ("08/13/2004") // بعد وقت الافتتاح
var symbol_2 = "13 أغسطس"
var now_2 = تاريخ جديد ()
var diff_2 = -480 - now.gettimezoneoffset () // هو الفرق الزمني بين وقت بكين والتوقيت المحلي
var LEEVE_2 = (now_2.gettime () - readline_2.gettime ()) + diff_2*60000
var day_2 = math.floor (LEEAD_2 / (1000 * 60 * 60 * 24))
var hour_2 = math.floor (LEEAD_2 / (1000 * 3600)) - (day_2 * 24)
var minute_2 = math.floor (LEEAD_2 / (1000 * 60)) - (day_2 * 24 * 60) - (hour_2 * 60)
var second_2 = math.floor (LEEAD_2 / (1000)) - (day_2 * 24 * 60 * 60) - (hour_2 * 60 * 60) - (minate_2 * 60)
اليوم = اليوم+1 ؛
day_2 = day_2+1 ؛
إذا (اليوم> 0) // لم يتم فتحه بعد
{
//liveclock1.innerhtml = "الآن"+رمز+"يوم"
liveclock1.innerhtml = "<font
setTimeout ("DigitalTime1 ()" ، 1000)
}
إذا تم فتح (اليوم <0) //
{
//liveclock1.innerhtml = "الآن لا يزال هناك"+اليوم+"اليوم+" اليوم+"ساعة+" ساعة+"دقيقة+" Second+"Second"
liveclock1.innerhtml = "<font
setTimeout ("DigitalTime1 ()" ، 1000)
}
إذا (اليوم == 0) // الافتتاح
{
//liveclock1.innerhtml = "الآن"+رمز+"يوم"
liveclock1.innerhtml = "<font
setTimeout ("DigitalTime1 ()" ، 1000)
}
إذا (اليوم <0 & day_2> 19) // ينتهي الاجتماع الرياضي
{
//liveclock1.innerhtml = "الآن لا يزال هناك"+اليوم+"اليوم+" اليوم+"ساعة+" ساعة+"دقيقة+" Second+"Second"
liveclock1.innerhtml = "<font
setTimeout ("DigitalTime1 ()" ، 1000)
}
}
// ->
</script>
<!-العد التنازلي JavaScript End->
<body onload = digitaltime1 ()>
<div id = liveClock1> </viv>
</body>
النوع الثالث: العد التنازلي ساعة
رمز HTML:
انسخ الرمز كما يلي: <script language = "javaScript">
<!-
var maxtime = 60*60 // ساعة واحدة ، احسب في ثوان ، اضبطها بنفسك!
وظيفة العد التنازلي () {
if (maxtime> = 0) {
دقائق = math.floor (maxtime/60) ؛
ثواني = Math.floor (maxtime`) ؛
msg = "لا يزال هناك" دقائق + "دقائق" + ثوان + "ثواني" في نهاية المسافة ؛
document.all ["timer"]. innerhtml = msg ؛
إذا (maxtime == 5*60) تنبيه ('ملاحظة ، هناك 5 دقائق متبقية!') ؛
-Maxtime ؛
}
آخر{
ClearInterval (مؤقت) ؛
تنبيه ("الوقت متروك ، نهاية!") ؛
}
}
Timer = setInterval ("countdown ()" ، 1000) ؛
//->
</script>
<div id = "timer" style = "color: red"> </viv>
النوع الرابع: أبسط العد التنازلي
رمز HTML:
انسخ الرمز كما يلي: <script language = "javaScript">
<!- ابدأ
var timedate = تاريخ جديد ("14 يناير 2006") ؛
var times = "امتحان الدراسات العليا" ؛
var الآن = تاريخ جديد () ؛
var date = timEdate.getTime () - now.getTime () ؛
var time = math.floor (date / (1000 * 60 * 60 * 24)) ؛
إذا (الوقت> = 0) ؛
document.write ("<li> <font color =#dedbde> الآن لا يزال هناك"+مرات+"في عام 2006: <font color =#ffffff> <b>"+time+"</b> </font> days </font> </li>) ؛
// end ->
</script>
النوع الخامس: أبسط العد التنازلي اثنان
رمز HTML:
انسخ الرمز كما يلي: <script language = "javaScript" type = "text/javaScript">
وظيفة djs () {
var urodz = تاريخ جديد ("11/12/2008") ؛
var الآن = تاريخ جديد () ؛
var num
var ile = urodz.getTime () - now.getTime () ؛
var dni = math.floor (ile / (1000 * 60 * 60 * 24)) ؛
إذا (DNI> 1)
num = dni+1
آخر إذا (dni == 1) num = 2
آخر إذا (dni == 0) num = 1
آخر num = 0
document.write (num)
}
</script>
لا يزال هناك أيام قبل حفل افتتاح شخص معين [<script language = "javaScript" type = "text/javaScript"> djs () </script>]
السادس: Timer JavaScript Countdown - فحص نفسه لوقت النظام
هذه المرة ، يتم التحقق من العد التنازلي عن طريق الفحص الذاتي لوقت النظام ، وليس هناك حاجة لتعديل يدوي لجعل العد التنازلي أكثر دقة. الرمز والتعليقات التفصيلية على النحو التالي:
انسخ الرمز كما يلي: <span id = "clock"> 00: 01: 11: 00 </span>
<input id = "startb" type = "button" value = "start countdown!" OnClick = "Run ()">
<input id = "endb" type = "button" value = "stop countdown!" OnClick = "STOP ()">
<br>
<input id = "diff" type = "text">
<input id = "next" type = "text">
<script language = "javaScript">
var normaleLapse = 100 ؛
var nextElapse = NormaleLapse ؛
عداد var
var startTime ؛
var start = clock.innertext ؛
var finish = "00: 00: 00: 00" ؛
var timer = null ؛
// ابدأ تشغيل
وظيفة التشغيل () {
startb.disabled = true ؛
endb.disabled = false ؛
العداد = 0 ؛
// وقت بدء التهيئة
وقت البدء = تاريخ جديد (). valueof () ؛
// NextElapse هو وقت التوقيت ، في البداية 100 ميلي ثانية
// لاحظ وظيفة setInterval: تم تمرير NextElapse (milliseconds) ، ويبدأ Ontimer في التنفيذ
timer = window.setInterval ("ontimer ()" ، nextLapse) ؛
}
// توقف عن الجري
وظيفة STOP () {
startb.disabled = false ؛
endb.disabled = true ؛
window.cleartimeout (مؤقت) ؛
}
window.onload = function () {
endb.disabled = true ؛
}
// وظيفة العد التنازلي
وظيفة ontimer ()
{
إذا (ابدأ == الانتهاء)
{
window.clearinterval (مؤقت) ؛
تنبيه ("الوقت متروك!") ؛
يعود؛
}
var hms = new string (start) .split (":") ؛
var ms = New Number (HMS [3]) ؛
var s = رقم جديد (HMS [2]) ؛
var m = رقم جديد (HMS [1]) ؛
var H = رقم جديد (HMS [0]) ؛
MS -= 10 ؛
إذا (MS <0)
{
MS = 90 ؛
S -= 1 ؛
إذا (S <0)
{
S = 59 ؛
M -= 1 ؛
}
إذا (M <0)
{
م = 59 ؛
H -= 1 ؛
}
}
var ms = ms <10؟ ("0" + MS): MS ؛
var ss = s <10؟ ("0" + s): s ؛
var sm = m <10؟ ("0" + م): م ؛
var sh = h <10؟ ("0" + H): H ؛
start = sh + ":" + sm + ":" + ss + ":" + ms ؛
clock.innertext = start ؛
// امسح الموقت الأخير
window.clearinterval (مؤقت) ؛
// يتم الحصول على الفرق الزمني لوقت الاختبار الذاتي ، وبالتالي يتم الحصول على وقت الموقت الجديد الذي بدأ في المرة القادمة
Counter ++ ؛
var countersecs = counter * 100 ؛
var elapseSecs = new Date (). valueof () - time time ؛
var diffsecs = countersecs - elapsesecs ؛
nextLapse = NormalElapse + diffsecs ؛
diff.value = countersecs + "-" + elapsesecs + "=" + diffsecs ؛
next.value = "nextelapse =" + nextElapse ؛
if (nextElapse <0) nextElapse = 0 ؛
// ابدأ مؤقتًا جديدًا
timer = window.setInterval ("ontimer ()" ، nextLapse) ؛
}
</script>
آمل أن يكون الوصف في هذه المقالة مفيدًا لبرمجة الويب للجميع بناءً على JavaScript.