This article mainly introduces the digital countdown Effect of JS web pages. It is a very practical javascript countdown effect and has some reference value, if you need it, refer to the example in this article to describe the digital clock effect of the webpage countdown implemented by JS. Share it with you for your reference. The specific implementation method is as follows:
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 farming tutorial www.manongjc.com code Special Effects