Math2
阿新 • • 發佈:2019-01-02
一. Math物件
案例:(01.抽獎.html)
單擊start按鈕,按鈕文字變為‘stop’,啟動定時器,定時器每隔一段時間改變div中的內容,內容是從陣列中獲取的隨機的元素。
單擊‘stop’按鈕,按鈕文字變為‘start’,清除當前定時器。
要求每次中獎的人名不能重複,所有人都中獎後顯示‘抽獎完畢’,再點選就不會在抽獎了。
要求2:單擊空格也可以實現啟動及清除定時器
案例:(02.彈幕.html)
js:
1)在body區域新增隨機顏色隨機位置的小球
a)使用dom建立小球(div),將小球放到body中
b)為小球設定隨機顏色,使用rgb(r,g,b),r、g、b的數值為0-255,包括0和255
c)小球的位置:
left:300px 至螢幕的寬度 -300px
top:0 至 螢幕的高度 - 小球的高度
2)讓小球向左移動,當移出螢幕左側時將小球從body中刪除
a)啟動定時器,每隔一段時間就改變小球的left屬性值
b)當小球移出螢幕時,清除定時器和小球
3)新增功能:
小球的移動速度是隨機的
比如每間隔1毫秒移動距離是隨機的,範圍是1-5畫素,包括1和5