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);