Submit Search
Upload
JavaScript Lab3 - Dynamic Time Board
•
0 likes
•
842 views
Ryan Chung
Follow
http://MobileDev.TW
Read less
Read more
Technology
Report
Share
Report
Share
1 of 5
Recommended
http://MobileDev.TW
JavaScript Lab1 - Random Selector
JavaScript Lab1 - Random Selector
Ryan Chung
http://MobileDev.TW
JavaScript Lab2 - Countdown Timer
JavaScript Lab2 - Countdown Timer
Ryan Chung
Javascript
Javascript
Ryan Chung
http://MobileDev.TW
AJAX Basic
AJAX Basic
Ryan Chung
HTML5 Samples
HTML5 Samples
Ryan Chung
Jsonp
Jsonp
LearningTech
http://mobiledev.tw
HowToMakeASimpleRPG
HowToMakeASimpleRPG
Ryan Chung
http://MobileDev.TW
TicTacToe by HTML5 Canvas
TicTacToe by HTML5 Canvas
Ryan Chung
Recommended
http://MobileDev.TW
JavaScript Lab1 - Random Selector
JavaScript Lab1 - Random Selector
Ryan Chung
http://MobileDev.TW
JavaScript Lab2 - Countdown Timer
JavaScript Lab2 - Countdown Timer
Ryan Chung
Javascript
Javascript
Ryan Chung
http://MobileDev.TW
AJAX Basic
AJAX Basic
Ryan Chung
HTML5 Samples
HTML5 Samples
Ryan Chung
Jsonp
Jsonp
LearningTech
http://mobiledev.tw
HowToMakeASimpleRPG
HowToMakeASimpleRPG
Ryan Chung
http://MobileDev.TW
TicTacToe by HTML5 Canvas
TicTacToe by HTML5 Canvas
Ryan Chung
Design Voice-First Games for Amazon Alexa
Voice-First Games for Alexa
Voice-First Games for Alexa
Ryan Chung
Talk about AI integration service and using in education.
AI Service Integration - Education
AI Service Integration - Education
Ryan Chung
AWS AI, MS AI
AI Service Integration
AI Service Integration
Ryan Chung
產業AI化調查
AI Adoption in the Enterprise
AI Adoption in the Enterprise
Ryan Chung
https://MobileDev.TW
Intro to Dialogflow Chatbot Development
Intro to Dialogflow Chatbot Development
Ryan Chung
How to use AI technology from Microsoft, AWS in classroom?
AI in Classroom
AI in Classroom
Ryan Chung
Focus on AI Services, DeepRacer & Alexa skill updates
AWS re:Invent 2018 Recap
AWS re:Invent 2018 Recap
Ryan Chung
Chatbot Development - Get Movie Intro
MovieBot
MovieBot
Ryan Chung
Dialogflow / Bot Framework / Custom Vision
Service Integration Workshop
Service Integration Workshop
Ryan Chung
Microsoft x III
MPP AI
MPP AI
Ryan Chung
http://MobileDev.TW
Smart Home Intro Lab
Smart Home Intro Lab
Ryan Chung
https://MobileDev.TW
Introduction to DialogFlow
Introduction to DialogFlow
Ryan Chung
https://mobiledev.tw
Conversational AI Orientation
Conversational AI Orientation
Ryan Chung
http://MobileDev.TW
Udacity Meet Up - 0413
Udacity Meet Up - 0413
Ryan Chung
http://MobileDev.TW
Amazon Alexa Development Part II
Amazon Alexa Development Part II
Ryan Chung
http://MobileDev.TW
Amazon Alexa Development
Amazon Alexa Development
Ryan Chung
http://MobileDev.TW
Microsoft Professional Program - AI
Microsoft Professional Program - AI
Ryan Chung
http://MobileDev.TW
AI Service Integration
AI Service Integration
Ryan Chung
http://MobileDev.TW
Intro to AI
Intro to AI
Ryan Chung
http://MobileDev.TW
Hour of Code - Amazon Alexa
Hour of Code - Amazon Alexa
Ryan Chung
More Related Content
More from Ryan Chung
Design Voice-First Games for Amazon Alexa
Voice-First Games for Alexa
Voice-First Games for Alexa
Ryan Chung
Talk about AI integration service and using in education.
AI Service Integration - Education
AI Service Integration - Education
Ryan Chung
AWS AI, MS AI
AI Service Integration
AI Service Integration
Ryan Chung
產業AI化調查
AI Adoption in the Enterprise
AI Adoption in the Enterprise
Ryan Chung
https://MobileDev.TW
Intro to Dialogflow Chatbot Development
Intro to Dialogflow Chatbot Development
Ryan Chung
How to use AI technology from Microsoft, AWS in classroom?
AI in Classroom
AI in Classroom
Ryan Chung
Focus on AI Services, DeepRacer & Alexa skill updates
AWS re:Invent 2018 Recap
AWS re:Invent 2018 Recap
Ryan Chung
Chatbot Development - Get Movie Intro
MovieBot
MovieBot
Ryan Chung
Dialogflow / Bot Framework / Custom Vision
Service Integration Workshop
Service Integration Workshop
Ryan Chung
Microsoft x III
MPP AI
MPP AI
Ryan Chung
http://MobileDev.TW
Smart Home Intro Lab
Smart Home Intro Lab
Ryan Chung
https://MobileDev.TW
Introduction to DialogFlow
Introduction to DialogFlow
Ryan Chung
https://mobiledev.tw
Conversational AI Orientation
Conversational AI Orientation
Ryan Chung
http://MobileDev.TW
Udacity Meet Up - 0413
Udacity Meet Up - 0413
Ryan Chung
http://MobileDev.TW
Amazon Alexa Development Part II
Amazon Alexa Development Part II
Ryan Chung
http://MobileDev.TW
Amazon Alexa Development
Amazon Alexa Development
Ryan Chung
http://MobileDev.TW
Microsoft Professional Program - AI
Microsoft Professional Program - AI
Ryan Chung
http://MobileDev.TW
AI Service Integration
AI Service Integration
Ryan Chung
http://MobileDev.TW
Intro to AI
Intro to AI
Ryan Chung
http://MobileDev.TW
Hour of Code - Amazon Alexa
Hour of Code - Amazon Alexa
Ryan Chung
More from 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