关于JavaScript的一些练习题（十五）

第六十八题：倒计时

HTML代码
<div id="box"></div>

JavaScript代码
 var oBox = document.getElementById("box")
    var a = 10;
    var time = setInterval(() => {
        box.innerHTML = ""
        if(a === 0){
            clearInterval(time)
        }
        box.innerHTML = toTwo(a)
        a--;
    }, 1000);

第六十九题：封装日期函数库
    a.输出自己的日期格式    
    b.转换周几为汉字
    c.计算两个日期天数差
    d.计算两个日期的月份差 (year2-year1)*12+(month2-month1);
    e.计算两个日期的年分差
日期函数库

    function createDate(){
        var d = new Date();
        var y = d.getFullYear();
        var m = d.getMonth() + 1;     
        var qf_date = d.getDate();
        var qf_day = d.getDay();
        var h = d.getHours();
        var mts = d.getMinutes();
        var s = d.getSeconds();
        switch(qf_day){
            case 0:qf_day = "星期日";break;
            case 1:qf_day = "星期一";break;
            case 2:qf_day = "星期二";break;
            case 3:qf_day = "星期三";break;
            case 4:qf_day = "星期四";break;
            case 5:qf_day = "星期五";break;
            case 6:qf_day = "星期六";break;
        }
        var str = y+"年"+toTwo(m)+"月"+toTwo(qf_date)+"日 "+qf_day+" "+toTwo(h)+":"+toTwo(mts)+":"+toTwo(s);
        return str;
    }
    function dateDiff(date1,date2){
        var d1 = new Date(date1);
        var d2= date2? new Date(date2) : new Date();
        var t1 = d1.getTime();
        var t2 = d2.getTime();
        var time = Math.abs(t1-t2);
        var day=parseInt(time/1000/60/60/24);
        var shi=parseInt((time - day*24*60*60*1000)/1000/60/60);
        var fen=parseInt((time - day*24*60*60*1000-shi*60*60*1000)/1000/60);
        var miao=parseInt((time - day*24*60*60*1000-shi*60*60*1000-fen*60*1000)/1000);
        var tm=day + "天" +shi +"小时"+fen+"分钟" +miao
        return tm;
    }

第七十一题：广告倒计时（自动关闭） //必须

HTML代码
    <div id="box" style="width: 300px;height: 100px;border: solid 3px black;text-align: center;line-height: 100px;">10</div>
    <input type="button" value="开始" id="btn" style="width: 100px;height: 50px;margin-left: 100px;margin-top: 20px;">

JavaScript代码
    var btn = document.getElementById("btn")
    var box = document.getElementById("box")
    var t;
    var k = 0;
    btn.onclick = function(){
        if(k == 0){
            clearInterval(t);
            t = setInterval(function(){
                if(box.innerHTML <= 0 ){
                    clearInterval(t);
                }else{
                    box.innerHTML--;
                }
            },1000)
            k = 1;
            btn.value = "暂停";
        }else{
            clearInterval(t);
            k = 0;
            btn.value = "开始"
        }
    }

第七十二题：动态向列表中插入节点  //必须

HTML代码
    <input type="text" id="num">
    <input type="button" value="添加" id="btn"><br>
    <ul></ul>

JavaScript代码
    var num = document.getElementById("num")
    var ul = document.querySelector("ul")
    var btn = document.getElementById("btn")
    var n;
    btn.onclick = function(){
        n = num.value;
        var li = document.createElement("li");
        console.log(li)
        li.innerHTML=n;
        ul.appendChild(li)
        num.value = ""
    }