當(dāng)前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript 灯泡暗亮
生活随笔
收集整理的這篇文章主要介紹了
JavaScript 灯泡暗亮
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
程序解說:點(diǎn)擊燈泡之后切換燈泡明暗;
點(diǎn)擊暗的燈泡的時(shí)候燈泡會(huì)隨之發(fā)亮,并且下方會(huì)輸出燈泡打開時(shí)間,
點(diǎn)擊亮的燈泡的時(shí)候燈泡會(huì)隨之熄滅,并且下方會(huì)輸出燈泡關(guān)閉時(shí)間.
點(diǎn)擊變化暗亮(可重復(fù)點(diǎn)擊)為圖片添加onclick()點(diǎn)擊事件
2. 時(shí)間的顯示:使用日期函數(shù)Date()顯示日期
3. 將圖片的點(diǎn)擊變化和按鈕點(diǎn)擊時(shí)間的顯示相結(jié)合,點(diǎn)擊圖片暗亮發(fā)生變化,下方出現(xiàn)燈泡暗亮的日期
4. 效果展示
總結(jié)
以上是生活随笔為你收集整理的JavaScript 灯泡暗亮的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: mysql 终端 远程访问,通过终端连接
- 下一篇: 去掉li前面的圆点