12

function task(){

//获取当前时间、

        var now=new Date();

//获取下课时间:

        var end=new Date('2018/5/25 20:30');

//求差 值为秒：

        var s=(end-now)/1000;

        console.log(s);

        if(s>0){

//小时

            var h=Math.floor(s/3600);

//求分钟：

            var m=Math.floor(s%3600/60);

//求秒数：

            s=Math.floor(s%60);

document.querySelector('span').innerHTML=h+'小时'+m+'分'+s+'秒';

        }else{

            clearInterval(timer);

document.querySelector('span').innerHTML='下课了';

        }

}

        task();

var timer=setInterval(task,1000); 

var btn=document.querySelector('button');     

  function stop(btn){

      if(btn.innerHTML=='||'){

          clearInterval(timer);

          btn.innerHTML='|>';

      }else{

          timer=setInterval(task,1000);

          btn.innerHTML='||';

      }

  } 

二、动态创建表格

var json='[{"ename":"Tom", "salary":10000, "age":25},{"ename":"John", "salary":11000, "age":28},{"ename":"Mary", "salary":12000, "age":25}]';

                var emps=eval(json);

                var table=document.createElement('table');

                var thead=document.createElement('thead');

                var tr=document.createElement('tr');

                for(var key in emps[0]){

                  var th=document.createElement('th');

                  th.innerHTML=key;

                  tr.appendChild(th);

                }

                thead.appendChild(tr);

                table.appendChild(thead);

//创建tbody

                var tbody=document.createElement('tbody');

                for(var i=0;i

//创建行

                    var tr=document.createElement('tr');

                    tbody.appendChild(tr);

//创建td

                    for(var key in emps[i]){

                        var td=document.createElement('td');

                        td.innerHTML=emps[i][key];

                        tr.appendChild(td);

                    }

                }

                  table.appendChild(tbody);

                document.getElementById('data').appendChild(table);