html js精简倒计时代码

谁践踏了优雅 2022-06-11 07:06 195阅读 0赞

简洁实用的倒计时代码

<!doctype html> 
    <html> 
        <head> 
        <meta charset="utf-8"> 
        <title>简单实用倒计时</title>
        </head> 
    
        <body> 
    
            <div id="CountMsg" class="HotDate"> 
                <span id="t_d">00天</span> 
                <span id="t_h">00时</span> 
                <span id="t_m">00分</span> 
                <span id="t_s">00秒</span> 
            </div> 
            <script type="text/javascript"> function getRTime(){ var EndTime= new Date('2017/8/2 10:00:00'); //截止时间 var NowTime = new Date(); var t =EndTime.getTime() - NowTime.getTime(); /*var d=Math.floor(t/1000/60/60/24); t-=d*(1000*60*60*24); var h=Math.floor(t/1000/60/60); t-=h*60*60*1000; var m=Math.floor(t/1000/60); t-=m*60*1000; var s=Math.floor(t/1000);*/ var d=Math.floor(t/1000/60/60/24); var h=Math.floor(t/1000/60/60%24); var m=Math.floor(t/1000/60%60); var s=Math.floor(t/1000%60); document.getElementById("t_d").innerHTML = d + "天"; document.getElementById("t_h").innerHTML = h + "时"; document.getElementById("t_m").innerHTML = m + "分"; document.getElementById("t_s").innerHTML = s + "秒"; } setInterval(getRTime,1000); </script> 
        </body> 
    </html>

静态图片参考  
![这里写图片描述][SouthEast]

[SouthEast]: /images/20220611/98e8e6e9193b4121ac7474da4ff7943e.png

发表评论取消回复

表情：

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

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

相关阅读

相关 html倒计时的代码！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

╰半橙微兮°/ 2023年01月19日 03:05/ 0 赞/ 218 阅读

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

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

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

相关 js-jquery 倒计时代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

青旅半醒/ 2022年08月10日 09:39/ 0 赞/ 193 阅读

相关 js倒计时

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

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

相关 html js精简倒计时代码

简洁实用的倒计时代码 <!doctype html> <html> <head> <meta charset="utf-

谁践踏了优雅/ 2022年06月11日 07:06/ 0 赞/ 196 阅读

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

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

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

相关 js倒计时

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

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

相关 js倒计时

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

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

相关 js倒计时

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

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

相关 JS 倒计时

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

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