目前分類:講師技術文 (40)

瀏覽方式: 標題列表 簡短摘要
article_main_img

文、意如老師

 

 

 

續上一篇 — 聯成電腦分享:Javascript網頁程式_處理日期、時間篇(上)

熟練以上基礎工後,接下來要讓日期/時間隨時即時更新。

 

 

 

任務一:認識setInterval() 函數,設定事件間隔時間(重複執行)

任務二:認識setTimeout() 函數,設定事件間隔時間(只執行一次)

任務三:認識onload 事件,網頁載入事件

任務四:實作即時更新日期/時間

任務五:客製化自己的日期/時間

任務六:認識 clearInterval() 函數,清除設定的間隔時間

 

 

 

任務一:認識setInterval() 函數

 

說明:事件在固定的間隔時間重複執行。

公式:setInterval(event,time)

此函數需要代入兩個參數

參數1:event 代入功能事件

參數2:time 代入間隔時間(以毫秒為單位),1000毫秒 = 1秒

 

範例:點選按鈕後間隔5秒跳出 ”您好”。

 

 

 

 

<!--建置按鈕-->

<button onclick="mytouch()">觸發</button>

<!--建立變數儲存發生事件-->

var myparam;

<!--點選按鈕時執行-->

function mytouch() {

<!--呼叫事件執行間隔-->

myparam = setInterval(myevent, 5000);

}

<!--執行事件-->

function myevent() {

  alert("您好");

}

 

 

 

完整程式碼:

 

 

 

 

任務二:認識setTimeout() 函數

 

說明:事件在固定的時間只會執行一次。

公式:setTimeout (event,time)

此函數需要代入兩個參數

參數1:event 代入功能事件

參數2:time 代入間隔時間(以毫秒為單位),1000毫秒 = 1秒

 

範例:點選按鈕後5秒跳出 ”您好”。

把剛剛的範例函數改成setTimeout()

 

<!--點選按鈕時執行-->

function mytouch() {

  <!--呼叫事件執行-->

  myparam = setTimeout(myevent, 5000);

}

 

 

 

完整程式碼:

 

 

 

 

任務三:認識onload 事件

 

說明:在頁面跑完後,馬上執行的事件,通常會寫在html 標籤中的<body></body>

公式:<body onload="event()">

範例:

<!--頁面載完時執行mytouch()事件-->

<body onload=mytouch()>

 

 

 

完整程式碼:

 

 

 

 

任務四:實作即時更新日期/時間

 

 

 

 

Step1先建立等等要放日期時間的空盒子<span></span>,並給空盒子一個名字,這邊取名id="current"。

 

<span id="current"> </span>

 

 

Step2建立一個功能function事件:先在空盒子上填上目前的日期時間

 

function current_time(){

 document.getElementById('current').innerHTML = new Date();

}

 

 

Step3每秒執行一次

function current_time(){

 document.getElementById('current').innerHTML = new Date();

     setTimeout('current_time()',1000); //每秒呼叫一次功能:

}

 

 

Step4重複自己呼叫自己

 

function current_time(){

 document.getElementById('current').innerHTML = new Date();

     setTimeout('current_time()',1000); //每秒呼叫一次功能:

        current_time() //再次呼叫自己

}

 

 

Step5最後在網頁一載入時馬上呼叫功能: current_time()

<body onload="current_time()">

 

 

 

完整程式碼:

 

 

 

 

任務五:客製化自己的日期時間

 

 

 

 

參考以下的表:抓出年、月、日、時、分、秒

 

標準日期時間

Today = new Date()

Today.getFullYear()

月份(月份固定+1)

(Today.getMonth()+1)

Today.getDate()

Today.getHours()

Today.getMinutes()

Today.getSeconds()

 

 

 

完整程式碼:

 

 

 

 

任務六:認識 clearInterval()函數

 

說明:最後如果要暫停,或不想繼續了,這時候就可以使用clearInterval()函數

公式:clearInterval(myVar);

 

範例:

一開始先設定一個變數myparam使用setInterval() 先設定事件發生間隔時間。

myparam = setInterval( 事件 , 間隔毫秒 );

 

這時候要取消時就可以使用clearInterval(myparam);

 

實作:

網頁一開始先跑標準隨時更新的日期時間,設定一個按鈕為暫停,點選按鈕時,時間停止更新。

 

 

 

 

Step1建立一個空盒子、一個按鈕

 

<p id="box"></p>

<button onclick="myStop()">時間暫停</button>

 

 

Step2把時間塞入空盒子內

 

myparam = setInterval(myDate, 1000);

 

function myDate() {

 

  document.getElementById("box").innerHTML = new Date();

}

 

 

Step3按下按鈕後時間暫停

 

function myStop() {

  clearInterval(myparam);

}

 

 

 

完整程式碼:

 

 

 

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

article_main_img

文、意如老師

 

 

 

 

 

 

 

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

article_main_img

文、意如老師

 

 

 

非本科系,有機會轉職為工程師嗎?

 

我的回答:可以,但是…

 

 

在工作上我需要為自己的團隊找工程師,所以對於找到對的工程師,把人才放在對的位置上,對我來說是相當的重要,不然對於公司的產出效率或者對於人才都是一種浪費,雙方面都會有損傷,所以在開人才需求時,我一方面要考慮到的是工作需求,也要考慮到求職者是否能夠勝任這個工作。

 

 

 

 

 

 

接下來要怎麼快速的在短短的面談中,知道求職者是否能勝任這個工作呢?

 

如果我要找的是一個基礎工程師,不可否認,開出的第一個條件,本科系,經驗最少一年,為什麼要本科,其實本科系出來的,未必學的都是業界需要的東西,業界需要的技術學校未必會教到,但是為什麼公司在找基礎人才時都想要本科系出來的呢?

 

 

 

 

 

 

舉個例子,有兩個人A、B同時應徵一份汽車修理廠的工作,A是汽修科畢業的,B是非本科系畢業的,其實就算是汽修科畢業出來的,會修車的真沒幾個人,所以以修車廠老闆的角度在看A、B兩人,基本上都算是需要從零開始學習的學徒。

 

如果今天您是修車廠的老闆,您會想要錄用A或B?

 

大多數80%或可能更高機率會選擇 A,只有一個原因,至少A聽了四年汽車相關的理論,理應當教A會比教B輕鬆,人也更好教更好帶,A也會較快速的進入狀況。

 

假設A、B 都順利當了學徒二年了,接下來想要拿師傅的薪水了,所以再去找下一份工作,這時候您覺得誰更優勢?誰的錄取率高?

 

這時可就難說了,以老闆的角度在看A、B,現在老闆要的不只是基礎學徒,而是師傅級的,那麼就不是只有學歷這麼簡單了,要看的是誰真的有本事可以幫公司做事才是重點。

 

 

 

 

 

 

所以今天如果我要找的是資深工程師,看的就不僅僅是只有本科、非本科而已,今天就算本科,沒有技術,對公司仍然是沒有幫助的,相反的如果今天您有一手好功夫,不管您是不是本科系的都會是公司想要爭取的人才。

 

我相信各行各業都一樣,雖然本科生比非本科生一開始得到工作的機會也許更多,但是其實工作過了幾年後,您會發現其實大家都差不多,有很多本科系的學生在走這一條路也是走的坎坎坷坷的,中途放棄的也大有人在,而非本科系的有些人也是透過不斷的努力爬到資深工程師、主管職位的也很多,在這一個行業,大家都需要不斷的努力,尤其是資訊業的人才,科技每天都在進步,程式語言年年翻新,光靠一個本科系是撐不久的,唯有每天逼自己都要進步,才免於被這個行業淘汰。

 

 

 

 

 

 

所以回到一開始的問題,非本科系,有機會轉職為工程師嗎?

 

我認為可以,但一開始需要比本科系的學生更加努力的準備好自己的作品,業界真正要找的人才是需要會做事的,而不會只是想找一個學歷好但技術不好的工程師。


文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

文/圖、小邱老師

本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往小邱老師版與講師互動。

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

文/圖、小邱老師

本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往小邱老師版與講師互動。

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

文/圖、小邱老師

本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往小邱老師版與講師互動。

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

文/圖、小邱老師

本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往小邱老師版與講師互動。

 

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

文/圖、小邱老師

本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往小邱老師版與講師互動。

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

文/圖、小邱老師

本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往小邱老師版與講師互動。

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

文/圖、小邱老師

本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往小邱老師版與講師互動。

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

文/圖、小邱老師

本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往小邱老師版與講師互動。

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

文/圖.小邱老師

本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往小邱老師版與講師互動。

 

文章標籤

聯成電腦 發表在 痞客邦 留言(1) 人氣()

文/圖、小邱老師

本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往小邱老師版與講師互動。

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

文/圖、小邱老師

本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往小邱老師版與講師互動。

 

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

文/圖.小邱老師

本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往小邱老師版與講師互動。

 

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

文/圖、小邱老師

本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往小邱老師版與講師互動。

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

文/圖、小邱老師

本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往小邱老師版與講師互動。

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

文/圖.小邱老師

本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往論壇與講師互動。

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

文/圖.小邱老師

本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往論壇與講師互動。

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

文/圖.小邱老師

本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往討論版與講師互動。 

文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣()

1 2