节日倒计时

时间：2020-07-18 14:02:53 阅读：40 评论：0 收藏：0 [点我收藏+]

效果图：

技术分享图片

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>倒计时</title>
</head>
<body>
    <!-- 距离国庆倒计时 -->
    <div>距离国庆倒计时:<span>00</span>天 
        <span>00</span>时
        <span>00</span>分
        <span>00</span>秒
    </div>
</body>
<script type="text/javascript">
function diffTime(){
    var guo = +new Date("2020-10-1");
    var now = +new Date();
    var different = guo - now;
    var diffSec = parseInt(different/1000);
    var resSec = diffSec%60;
    var diffMin = parseInt(diffSec/60);
    var resMin = diffMin%60;
    var diffHour = parseInt(diffMin/60);
    var resHour = diffHour%24;
    var days = parseInt(diffHour/24)
    var oSpan = document.getElementsByTagName("span");
    var timeArr = [days,resHour,resMin,resSec];
    for(var i=0;i<oSpan.length;i++){
        oSpan[i].innerText = timeArr[i];
    }
}
setInterval(diffTime,1000);
</script>
</html>

节日倒计时

原文：https://www.cnblogs.com/biben/p/13334988.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)