js倒计时120秒显示一个div的代码

JavaScript018

js倒计时120秒显示一个div的代码,第1张

var el = document.getElementById('el')

setTimeout(function(){

    el.style.display = 'block'

}, 120 * 1000)

这是延迟120秒显示。。  

setTimeout("GetRTime()", 100) 改为setTimeout("GetRTime()", 20) 就是≈50毫秒了，1s = 1000ms，1000 ÷ 50 = 20，然后由于javascript的单线程方式，setTimeout并不一定会在20ms时执行，所以只能说≈了

var the_s = 188888//定义剩余时间, 必须用时间戳.单位为秒

setInterval(promote,1000)//每秒执行一次下面的函数

function promote() {

var d = Math.floor((the_s / 3600) / 24)

var g = Math.floor((the_s - d * 24 * 3600) / 3600)

var e = Math.floor((the_s - d * 24 * 3600 - g * 3600) / 60)

var f = (the_s - g * 3600) % 60

var html = "还剩<b>" + d + "</b>天<b>" + g + "</b>时<b>" + e + "</b>分<b>" + f + "</b>秒"

document.getElementById("divdown1").innerHTML = html//这个id是你想要显示的div的id

the_s--

}

我这个定时器比你的好, 用我的.  你只要定义了the_s和要显示在哪的id. 就可以用了.

如你要显示剩余4小时, 那么将4小时转化为秒: 4*60*60=14400, 就这样调用:

var the_s = 14400

setInterval(promote,1000)

就ok了. 记得要引用我的函数哟~