Sign in

第三十天任務:

  1. 讓地鼠可以隨機從地洞出現
  2. 地鼠出現後停留在畫面的時間長度不一
  3. 點到地鼠後記分板可以記分

作法:

因為是隨機的,所以有可能重複出現相同的地洞,所以用一個變數紀錄上個地洞,讓上個地洞跟這次地洞不要是同一個,如果剛好是同一個就請它重新跑,直到不是為止


第二十九天任務:

  1. 運用setInterval製作倒數計時器
  2. 把倒數的秒數及最後的秒數印在畫面上

作法:


第二十八天任務:

  1. 計算出移動的滑鼠座標占控制器整個的高度多少
  2. 把區間變成0.4-4之前
  3. 透過video.playbackRate指定播放的速度

作法:


第二十七天任務:

  1. 計算移動的距離
  2. 讓scroll距離加上移動的距離

作法:

在第8天有說到mouse event

點下去:mousedown()

拖拉:mousemove()

放開:mouseup()

2. 點下去增加效果(放大及透明度)、取得滑鼠點下去時的座標,取出來的座標放在變數裡


第二十六天任務:

  1. 透過滑鼠移到導覽列的事件,讓左上角假的白區塊移動到導覽列下方真的區塊
  2. 讓假的白區塊寬高及座標等於真的區塊寬高+座標

作法;


今天任務要打開console才看的到~~

第二十五天任務:

capturing(捕獲)

從外到內,如圖所示

bubbling(冒泡)

從內到外,如圖所示

addEventListener(1,2,3)

  1. 事件類型
  2. 回乎函式
  3. 設定

以往在寫事件時都不會設定第三個參數,第三個預設是false,有就是bubbling(冒泡)

  1. 使用once:true來讓事件只觸發一次

第二十四天任務:

  1. 計算捲軸滾動的距離要等於或大於最上方區塊時讓Navbar釘住

作法:


第二十三天任務:

  1. 輸入文字案speck,就會轉成聲音
  2. 可以透過操作滑動桿 ( range slider )控制音調及速度

作法:

  • SpeechSynthesisUtterance

它包含語音服務應閱讀的內容以及有關如何閱讀的信息(例如,語言、音調和音量)。

  • speechSynthesis

是語音業務的控制器接口,這可用於檢索有關設備上可用的合成語音,開始和暫停語音以及其他命令的信息。

參閱:MDN-SpeechSynthesisUtterancespeechSynthesis

2. 首先創建一個語音需求的物件


第二十二天任務:

  1. 讓highlight效果隨著滑鼠移動產生跟隨
  2. 當卷軸滾動時highlight效果也可以緊跟著

作法:


第二十一天任務:

  1. 認識Geolocation API 並取得相關資訊
  2. Geolocation API,是透過 navigator.geolocation物件所發佈。

作法:

  • watchPosition()

(1). 連續取得當前地理位置

(2). 有點像是計時器,如果計時器想要停掉,必須先宣告一個變數(名稱),而watchPosition()也同樣道理

(3). 如果想要關掉,要做clearWach()

Amin

新手學程式語言,期許自己能完成JS30!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store