js学习笔记(四) 动态获取时间及动态生成表格

动态获取时间(刷新时间为1秒)


<html >
 <head>
 
  <title>Htmltest</title>
 </head>
 <body>
 <div id="div1">  <div/>
<script type="text/javascript">
function Time()
 {
     var div=document.getElementById("div1");
	 var d=new Date();
	 var date=d.toLocaleString();
     div.innerHTML=date;
	
 }

setInterval("Time();",1000);
</script>
 </body>
</html>

动态生成表格


<html >
 <head>
 
  <title>Htmltest</title>
 </head>
 <body>
行:<input type="text" id="h"/><br/>
列:<input type="text" id="li"/><br/>
<input type="button" value="生产表格" onclick="fun();"/>
<div id="divv">

</div>
 <script type="text/javascript">
 function fun()
 {
  var table="<table border='1' bordercolor='blue'>";
  var h=document.getElementById("h").value;
  var l=document.getElementById("li").value;
  for(var i=1;i<=h;i++)
  {
	  table+="<tr>";
	  for(var m=1;m<=l;m++)
	  {
       table+="<td>bbb</td>";	  
 	  }
	  table+="</tr>";
  }
  table+="</table>";
  alert(table);
  var divs=document.getElementById("divv");
  divs.innerHTML=table;
  }
 </script>
 </body>
</html>

猜你喜欢

转载自blog.csdn.net/weixin_43752167/article/details/88088592
今日推荐