練習1-1:<br>JS

(二)JS

(1) 利用【new】創建為物件抓取現在日期

//var 宣告now變數,利用Date()得到目前時間,並"="指定至now變數 
//【new】將所得到時間建立為物件
	var now = new Date();
	alert(now);                //alert出現訊息框

參考:【var宣告】
(2)拆解日期

var nowY = now.getFullYear()			
	,nowM = now.getMonth()+1	//月份及星期,為陣列值,因值為0開始,故抓其索引值,【+1】的原因
	,nowD = now.getDate()
	,nowW = now.getDay()
	,nowH = now.getHours()
	,nowI = now.getMinutes()
	,nowS = now.getSeconds();

參考:【日期對象1】【參考2】

(3)輸出   【document 元素參考 連結

    var nowAll = nowY +'年'+ nowM +'月'+ nowD +'日,星期'+ nowW +' '+ nowH +':'+ nowI +':'+ nowS;
    
    //getElementsByTagName() 方法可返回帶有指定標籤名的物件的集合。
      document.getElementsByTagName('h1').item(0).innerHTML = nowAll;

    //document.getElementById() 方法返回對指定 ID 的對象。
      document.getElementById('id').innerHTML = nowAll;

    //document.getElementsByClassName() 方法返回對指定 class 的對象。
      document.getElementsByClassName('class').item(1).innerHTML = nowAll;

    //網頁左側#interTime,顯示網頁【開啟時間】
      document.getElementById('interTime').innerHTML = '開啟時間:<br>'+nowAll;
    
    //網頁右側#runTime,顯示網頁【現在時間】
      $('#runTime').html('現在時間:<br>'+ nowAll);

參考連結