Soumettre la recherche
Mettre en ligne
JavaScript Lab3 - Dynamic Time Board
•
0 j'aime
•
842 vues
Ryan Chung
Suivre
http://MobileDev.TW
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 5
Recommandé
JavaScript Lab1 - Random Selector
JavaScript Lab1 - Random Selector
Ryan Chung
JavaScript Lab2 - Countdown Timer
JavaScript Lab2 - Countdown Timer
Ryan Chung
Javascript
Javascript
Ryan Chung
AJAX Basic
AJAX Basic
Ryan Chung
HTML5 Samples
HTML5 Samples
Ryan Chung
Jsonp
Jsonp
LearningTech
HowToMakeASimpleRPG
HowToMakeASimpleRPG
Ryan Chung
TicTacToe by HTML5 Canvas
TicTacToe by HTML5 Canvas
Ryan Chung
Recommandé
JavaScript Lab1 - Random Selector
JavaScript Lab1 - Random Selector
Ryan Chung
JavaScript Lab2 - Countdown Timer
JavaScript Lab2 - Countdown Timer
Ryan Chung
Javascript
Javascript
Ryan Chung
AJAX Basic
AJAX Basic
Ryan Chung
HTML5 Samples
HTML5 Samples
Ryan Chung
Jsonp
Jsonp
LearningTech
HowToMakeASimpleRPG
HowToMakeASimpleRPG
Ryan Chung
TicTacToe by HTML5 Canvas
TicTacToe by HTML5 Canvas
Ryan Chung
Voice-First Games for Alexa
Voice-First Games for Alexa
Ryan Chung
AI Service Integration - Education
AI Service Integration - Education
Ryan Chung
AI Service Integration
AI Service Integration
Ryan Chung
AI Adoption in the Enterprise
AI Adoption in the Enterprise
Ryan Chung
Intro to Dialogflow Chatbot Development
Intro to Dialogflow Chatbot Development
Ryan Chung
AI in Classroom
AI in Classroom
Ryan Chung
AWS re:Invent 2018 Recap
AWS re:Invent 2018 Recap
Ryan Chung
MovieBot
MovieBot
Ryan Chung
Service Integration Workshop
Service Integration Workshop
Ryan Chung
MPP AI
MPP AI
Ryan Chung
Smart Home Intro Lab
Smart Home Intro Lab
Ryan Chung
Introduction to DialogFlow
Introduction to DialogFlow
Ryan Chung
Conversational AI Orientation
Conversational AI Orientation
Ryan Chung
Udacity Meet Up - 0413
Udacity Meet Up - 0413
Ryan Chung
Amazon Alexa Development Part II
Amazon Alexa Development Part II
Ryan Chung
Amazon Alexa Development
Amazon Alexa Development
Ryan Chung
Microsoft Professional Program - AI
Microsoft Professional Program - AI
Ryan Chung
AI Service Integration
AI Service Integration
Ryan Chung
Intro to AI
Intro to AI
Ryan Chung
Hour of Code - Amazon Alexa
Hour of Code - Amazon Alexa
Ryan Chung
Contenu connexe
Plus de Ryan Chung
Voice-First Games for Alexa
Voice-First Games for Alexa
Ryan Chung
AI Service Integration - Education
AI Service Integration - Education
Ryan Chung
AI Service Integration
AI Service Integration
Ryan Chung
AI Adoption in the Enterprise
AI Adoption in the Enterprise
Ryan Chung
Intro to Dialogflow Chatbot Development
Intro to Dialogflow Chatbot Development
Ryan Chung
AI in Classroom
AI in Classroom
Ryan Chung
AWS re:Invent 2018 Recap
AWS re:Invent 2018 Recap
Ryan Chung
MovieBot
MovieBot
Ryan Chung
Service Integration Workshop
Service Integration Workshop
Ryan Chung
MPP AI
MPP AI
Ryan Chung
Smart Home Intro Lab
Smart Home Intro Lab
Ryan Chung
Introduction to DialogFlow
Introduction to DialogFlow
Ryan Chung
Conversational AI Orientation
Conversational AI Orientation
Ryan Chung
Udacity Meet Up - 0413
Udacity Meet Up - 0413
Ryan Chung
Amazon Alexa Development Part II
Amazon Alexa Development Part II
Ryan Chung
Amazon Alexa Development
Amazon Alexa Development
Ryan Chung
Microsoft Professional Program - AI
Microsoft Professional Program - AI
Ryan Chung
AI Service Integration
AI Service Integration
Ryan Chung
Intro to AI
Intro to AI
Ryan Chung
Hour of Code - Amazon Alexa
Hour of Code - Amazon Alexa
Ryan Chung
Plus de Ryan Chung
(20)
Voice-First Games for Alexa
Voice-First Games for Alexa
AI Service Integration - Education
AI Service Integration - Education
AI Service Integration
AI Service Integration
AI Adoption in the Enterprise
AI Adoption in the Enterprise
Intro to Dialogflow Chatbot Development
Intro to Dialogflow Chatbot Development
AI in Classroom
AI in Classroom
AWS re:Invent 2018 Recap
AWS re:Invent 2018 Recap
MovieBot
MovieBot
Service Integration Workshop
Service Integration Workshop
MPP AI
MPP AI
Smart Home Intro Lab
Smart Home Intro Lab
Introduction to DialogFlow
Introduction to DialogFlow
Conversational AI Orientation
Conversational AI Orientation
Udacity Meet Up - 0413
Udacity Meet Up - 0413
Amazon Alexa Development Part II
Amazon Alexa Development Part II
Amazon Alexa Development
Amazon Alexa Development
Microsoft Professional Program - AI
Microsoft Professional Program - AI
AI Service Integration
AI Service Integration
Intro to AI
Intro to AI
Hour of Code - Amazon Alexa
Hour of Code - Amazon Alexa
JavaScript Lab3 - Dynamic Time Board
1.
JavaScript Lab http://MobileDev.TW JavaScript Lab3
時時刻刻有人陪 – 動態背景時計 鐘祥仁 Ryan ryanchung@ncu.edu.tw 1
2.
JavaScript Lab http://MobileDev.TW 畫面 2
3.
JavaScript Lab http://MobileDev.TW 功能 •
背景圖片 • 固定秒數會自動變換背景圖片 • 時間顯示 • 時間會隨著背景圖片而調整 • 位置 • 大小 • 顏色 • 傾斜度 3
4.
JavaScript Lab http://MobileDev.TW 問題 •
如何變更背景圖片? • 如何固定時間變更背景圖片? • 如何顯示時間? • 如何顯示動態時間? • 如何讓時間文字隨著背景圖片而改變樣式? 4
5.
JavaScript Lab http://MobileDev.TW 學習重點 •
計時器 • setInterval() • 時間顯示格式 • 前面有沒有0 • JavaScript控制CSS樣式 • 位置、字體大小、字體顏色 • CSS3 • transform 5