Implement countdown digital clock effect in JS [with instance Code] _ javascript skills

The following small series will bring you a JS countdown digital clock effect [with instance Code ]. I think it is quite good. Now I will share it with you and give you a reference. This article mainly introduces the countdown digital clock effect of JS web pages. It is a very practical javascript Countdown special effect and has some reference value. If you need it, you can refer to it.

The example in this article describes the digital clock effect of page 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);} script
01 minutes, 40 seconds
Code farming tutorial www.manongjc.com code Special Effects

The above JS countdown digital clock effect [with instance Code] is all the content shared by Alibaba Cloud xiaobian. I hope you can give us a reference and support me a lot.