js倒计时制作

最新推荐文章于 2023-06-15 11:33:49 发布

我就呵呵了。。。

最新推荐文章于 2023-06-15 11:33:49 发布

阅读量81

点赞数

文章标签： setInterval 倒计时

本文链接：https://blog.csdn.net/qq_37244548/article/details/106809877

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>倒计时制作</title>
    <style>
        div{
            width:500px;
            height:100px;
            font-size:20px;
            margin: 200px auto;//200px默认是上边距
            /*border:1px solid red;*/

        }
    </style>

</head>
<body>
<div>
    距离2020年8月1号还有:
    <span id="d"></span>天
    <span id="h"></span>时
    <span id="m"></span>分
    <span id="s"></span>秒


</div>
<script>

    function move(){
        var nowTime =new Date().getTime();//获取当前的毫秒数
        var wTime =new Date("2020,8,1").getTime();//获取指定日期的毫秒数
        var leftTime =(wTime-nowTime)/1000;//获取两者相差的秒数
        var day =parseInt(leftTime/60/60/24);//转化为天数
        var hour =parseInt(leftTime/60/60%24);//转化为小时
        var minute =parseInt(leftTime/60%60);//转化为分钟
        var second =parseInt(leftTime%60);//转化为秒数
        document.getElementById("d").innerHTML=day;
        document.getElementById("h").innerHTML=hour;
        document.getElementById("m").innerHTML=minute;
        document.getElementById("s").innerHTML=second;

    }
    move();
    setInterval(move,1000);
</script>
</body>
</html>

我就呵呵了。。。

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js倒计时制作

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>倒计时制作</title> <style> div{ width:500px; height:100px; font-size:20px; margi.
复制链接

扫一扫