html中的小技巧（二）

用js实现页面时间：
方法一：很简单的写法

<div id="clock"></div>
<script>
function changeClock()
{
	var d = new Date();
	document.getElementById("clock").innerHTML = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
}
window.setInterval(changeClock, 1000);
</script>

可以把中间的”-”改为年月日。
方法二：带星期的

function DateDemo(){
   var d, s = " ";           // 声明变量。
   d = new Date();       // 创建 Date 对象。
   s += d.getYear() + "-";   // 获取年份。
   s += (d.getMonth() + 1) + "-";  // 获取月份。
   s += d.getDate();      // 获取日。
   return(s);                  // 返回日期。
}

function showTime(){
 var myArray=new Array(7);
 var TD=new Date();
 myArray[0]="星期日";
 myArray[1]="星期一";
 myArray[2]="星期二";
 myArray[3]="星期三";
 myArray[4]="星期四";
 myArray[5]="星期五";
 myArray[6]="星期六";
 weekday=TD.getDay();
 var h=TD.getHours();
 var m=TD.getMinutes();
 var s=TD.getSeconds();
 var hstr=h;
 var istr=m;
 var is=s;
 if (h < 10) {hstr="0"+h};
 if (m < 10) {istr="0"+m};
 if (s < 10) {is="0"+s};
 var obj=document.getElementById("time");
 obj.innerHTML=DateDemo()+" "+ myArray[weekday]+" "+ hstr+":"+istr+":"+is;
}
在body中这样写
<script>
document.body.onload = function (){
  setInterval("showTime()",1000);}
</script>
<div id="time"></div>
document.body.onload = function (){
  setInterval("showTime()",1000);}

方法三：带星期的（跟上面的差不多）

function clockon() {
 var now = new Date();
 var year = now.getFullYear(); // getFullYear getYear
 var month = now.getMonth();
 var date = now.getDate();
 var day = now.getDay();
 var hour = now.getHours();
 var minu = now.getMinutes();
 var sec = now.getSeconds();
 var week;
 month = month + 1;
 if (month < 10)
 month = "0" + month;
 if (date < 10)
 date = "0" + date;
 if (hour < 10)
 hour = "0" + hour;
 if (minu < 10)
 minu = "0" + minu;
 if (sec < 10)
 sec = "0" + sec;
 var arr_week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
 week = arr_week[day];
 var time = "";
 time = year + "年" + month + "月" + date + "日" + " " + hour + ":" + minu + ":" + sec + " " + week;
 document.getElementById("dd").innerHTML=time;
 setTimeout("clockon()", 200);
}
在body中这样写
<div id="dd"></div>
 <script>
  clockon()
</script>

方法四：最简明的

window.onload=function(){
setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()",1000);}
在body中：
<div id="time"></div>

Parseint用法
Parseint是把其后面的字符串中的数字返回。
ParseInt（”12”）返回：12
ParseInt(“as12dd”) 返回：NaN
ParseInt（”12ffg”）返回：12
倒计时的实现方法：

var timer = window.setInterval(function(){
 document.getElementById('box').innerHTML = parseInt(document.getElementById('box').innerHTML) - 1;
 if(parseInt(document.getElementById('box').innerHTML) < 0)
 {
  window.clearInterval(timer);
  window.location = 'http://www.baidu.com/';
 }
}, 1000);