JS活动倒计时代码

久伴
久伴
久伴
452
文章
493
评论
2020年2月6日21:53:41 评论 42 642字阅读2分8秒

主要运用到JS的Date对象~

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
window.onload=function jb(){
    var j=setTimeout(jb,1000);
    //创建时间
    var date=new Date();
    //获取年月日小时分钟秒
    //设置结束时间
    var aaa="2020/2/6 15:02:00"
    var dateb=new Date(aaa);
    //接受结束时间
    var str=dateb.getTime();
    //时间差
    var LiftTime=str-date;
    //倒计时时间
    var d,h,m,s;
    d=Math.floor(LiftTime/1000/60/60/24);
    h=Math.floor(LiftTime/1000/60/60%24);
    m=Math.floor(LiftTime/1000/60%60);
    s=Math.floor(LiftTime/1000%60);
    if(LiftTime>1){

        document.getElementById("m").innerHTML='距离活动结束还有'+d+'天'+h+'时'+m+'分'+s+'秒';

    }
    else{
        alert('活动结束');
        clearInterval(j)
    }

}



    </script>
</head>
<body>
<span id="m"></span>
</body>
</html>

代码效果

JS活动倒计时代码

久伴
  • 本文由 发表于 2020年2月6日21:53:41
wordpress切换背景图~ JavaScript

wordpress切换背景图~

学了jsDOM事件时,遇到onchange这个事件,就想到wordpress弄个下拉框切换背景图,好久没折腾wordpress,这次来折腾一下~ 效果图见本博客左上角背景切换按钮~(PC端才有~) 把...
Array数组_concat_slice方法 JavaScript

Array数组_concat_slice方法

concat 使用说明:合并二个或者多个数组为一个数组 使用例子: var a=,b=,c=a.concat(b); console.log(c); 输出结果: slice 使用说明:选择数组元素 使...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: