This article mainly introduces how javascript achieves the digital countdown effect on webpages. It is a very practical javascript countdown effect and has some reference value, for more information about how to implement the countdown digital clock in Javascript, see the following example:
:
Countdown clock implemented by javascriptScript window. onload = function () {var oCountDown = document. getElementById ("countdown"); var aInput = oCountDown. getElementsByTagName ("input") [0]; var timer = null; aInput. onclick = function () {this. className = ""? (Timer = setInterval (updateTime, 1000), updateTime (): (clearInterval (timer); this. className = this. className = ''? "Cancel": '';}; function format (a) {return. toString (). replace (/^ (\ d) $/, '0 $ 1')} function updateTime () {var aSpan = oCountDown. getElementsByTagName ("span"); var oRemain = aSpan [0]. innerHTML. replace (/^ 0/, '') * 60 + parseInt (aSpan [1]. innerHTML. replace (/^ 0/, ''); if (oRemain <= 0) {clearInterval (timer); return} oRemain --; aSpan [0]. innerHTML = format (parseInt (oRemain/60); oRemain % = 60; aSpan [1]. innerHTML = format (parseInt (oRemain);} script01 minutes, 40 seconds
Code Effects
If you think you are not addicted, you can refer to this topic for further study:Js countdown Summary
I hope this article will help you learn about javascript programming.