JS 倒计时

约定不等于承诺〃 2021-09-29 17:34 522阅读 0赞

经常遇到需要倒计时的地方，下面的JS可以简单实现倒计时，当然可以加上Css使得界面更加美观！

`<script type=` `"text/javascript"` `>`

`   ` `function`  `CountDown(){`

`       ` `var`  `EndTime= ` `new`  `Date(document.getElementById('endTime').value` `` `); ` ``

`       ` `var`  `NowTime = ` `new`  `Date();`

`       ` `var`  `t =EndTime.getTime() - NowTime.getTime();`

`       ` `var`  `day=Math.floor(t/1000/60/60/24);`

`       ` `var`  `hour=Math.floor(t/1000/60/60%24);`

`       ` `var`  `min=Math.floor(t/1000/60%60);`

`       ` `var`  `sec=Math.floor(t/1000%60);`

`       ` `document.getElementById(` `"t_day"` `).innerHTML = day  +` `"Days"` `;`

`       ` `document.getElementById(` `"t_hour"` `).innerHTML = hour + ` `"Hours"` `;`

`       ` `document.getElementById(` `"t_min"` `).innerHTML = min + ` `"Minutes"` `;`

`       ` `document.getElementById(` `"t_sec"` `).innerHTML = sec + ` `"Seconds"` `;`

`   ` `}`

`   ` `setInterval(CountDown,1000);`

`</script>`

`</head>`

`<body>`

Please select the endTime<input type="datetime-local" id='endTime'><br>

`    ` `<div` `>`

`        ` `<span id=` `"t_day"` `></span>`

`        ` `<span id=` `"t_hour"` `></span>`

`        ` `<span id=` `"t_min"` `></span>`

`        ` `<span id=` `"t_sec"` `></span>`

`    ` `</div>`

` `

`</body>`

转载于:https://www.cnblogs.com/jiangqiuju/p/8056538.html

发表评论取消回复

表情：

评论列表（有 0 条评论，522人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 天数倒计时时间倒计时

export function getOverTimeDown(endDateStr: string, outValue?: { value: string }, fn

àì夳堔傛蜴生んèń/ 2022年09月11日 12:10/ 0 赞/ 260 阅读

相关 js倒计时

//倒计时 function show_time() { //正数表达式 var re = /^\d+(?=\.{0,1}

我就是我/ 2022年08月05日 07:49/ 0 赞/ 205 阅读

相关 js倒计时效果

<ul> <li class="time hms"> <span></span

╰半橙微兮°/ 2022年05月23日 10:10/ 0 赞/ 199 阅读

相关 JS-实现秒表倒计时+缓存倒计时

实现秒表倒计时+缓存倒计时功能 <!DOCTYPE html> <html> <head> <meta ch

约定不等于承诺〃/ 2022年05月17日 12:38/ 0 赞/ 350 阅读

相关 JS倒计时实现

此为分秒单位倒计时，需要时分秒倒计时的可以自行修改，也可到我的资源中去下载。 <html> <head> <meta charset="UTF-8"> <ti

约定不等于承诺〃/ 2022年04月10日 05:22/ 0 赞/ 371 阅读

相关 js简单倒计时

不想每次用倒计时，都现写代码，比较烦，这里记一下，也顺便分享一些倒计时简单的逻辑。如果你有更简单方便的代码，可以分享给大家。 var method = {

忘是亡心i/ 2022年04月04日 20:27/ 0 赞/ 246 阅读

相关 js倒计时

倒计时 { padding: 0; margin: 0; box

亦凉/ 2022年01月30日 02:19/ 0 赞/ 248 阅读

相关 js倒计时

　　　　　　　　　　　　　　var startTime = Date.parse(new Date())/1000;//开始时间

太过爱你忘了你带给我的痛/ 2021年10月23日 10:55/ 0 赞/ 410 阅读

相关 js倒计时

![20190820151447888.png][] function tow(n) { return n >= 0 &&

- 日理万妓/ 2021年10月19日 09:52/ 0 赞/ 429 阅读

相关 JS 倒计时

经常遇到需要倒计时的地方，下面的JS可以简单实现倒计时，当然可以加上Css使得界面更加美观！ `<script type=` `"text/javascript"` `>`

约定不等于承诺〃/ 2021年09月29日 17:34/ 0 赞/ 523 阅读