侧边栏壁纸
博主头像
MeowRain

  大家好,我是MeowRain,中文可读作喵雨,至于为什么起这个名字,其实是因为英文里的rain和我的名字有谐音字,哈哈😄,再一个就是我比较喜欢猫咪,也养着一只小猫咪(叫小喵,目前是我姐姐代养,自己太忙了顾不上照顾小猫咪)所以就叫MeowRain啦。

  • 累计撰写 168 篇文章
  • 累计创建 48 个标签
  • 累计收到 5 条评论

高考倒计时源码 网页使用

MeowRain
2020-09-05 / 0 评论 / 0 点赞 / 91 阅读 / 1,644 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2021-08-04,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>倒计时(天数,时,分,秒)</title>
    </head>
    <body>
    		<button type="button"
    						onclick="document.getElementById('demo').innerHTML = Date()">点这里显示实时时间</button>
    	<p id="demo"></p>
    <h4>距离高考还有:</h4>
    <h3 style="color:red">
    <div id="timer"></div>
    <script language="javascript" type="text/javascript">
        timer('2022-06-07 12:00:00','day');
     
        /**
         * 入参第一个为时间字符串,第二个参数为模式选择,如果传入'day',按天数倒计时到秒,不传值,按小时精确到秒
         * @param timeStr
         * @param item
         */
        function timer(timeStr,item){
            setInterval(function(){
                let nowTime = new Date(timeStr) - new Date;
                let minutes = parseInt(nowTime / 1000 / 60 % 60, 10);//计算剩余的分钟
                let seconds = parseInt(nowTime / 1000 % 60, 10);//计算剩余的秒数
     
     
                minutes = checkTime(minutes);
                seconds = checkTime(seconds);
                if(item==='day'){
                    let days = parseInt(nowTime / 1000 / 60 / 60 / 24, 10); //计算剩余的天数
                    let hours = parseInt(nowTime / 1000 / 60 / 60 % 24, 10); //计算剩余的小时
                    days = checkTime(days);
                    hours = checkTime(hours);
                    document.getElementById('timer').innerHTML=days + "天" + hours + "小时" + minutes + "分" + seconds + "秒";
                }else{
                    let hours = parseInt(nowTime / ( 1000 * 60 * 60), 10); //计算剩余的小时
                    hours = checkTime(hours);
                    document.getElementById("timer").innerHTML = hours + "小时" + minutes + "分" + seconds + "秒";
                }
            },1000);
        }
     
        function checkTime(i) { //将0-9的数字前面加上0,例1变为01
            if (i < 10) {
                i = "0" + i;
            }
            return i;
        }
    </script>
    	</h3>
    <a href="#">在奋斗的过程中,常会遭受挫折,惟有坚持到底,才会获得最后的成功!</a>	
    </body>
    </html>
0

评论区