資訊專欄INFORMATION COLUMN
摘要：題目用原型的方法，繪制會動的汽車，要求可以一下制作一組汽車讓汽車向右移動移動的距離可以手動控制分析用構(gòu)造函數(shù)方方創(chuàng)建一組車輛的坐標繪制汽車向右移動可手動更改移動距離用構(gòu)造函數(shù)創(chuàng)建一組坐標用原型方法向內(nèi)部添加屬性方法，繪制汽車向右移動，可手動
題目：用原型的方法，繪制會動的汽車，要求1.可以一下制作一組汽車；2.讓汽車向右移動；3.移動的距離可以手動控制
分析：
用構(gòu)造函數(shù)方方創(chuàng)建一組車輛的坐標
繪制汽車
向右移動(可手動更改移動距離)
//用構(gòu)造函數(shù)創(chuàng)建一組坐標
var Car = function (x, y) {
this.x = x;
this.y = y;
};
//用原型方法向Car內(nèi)部添加屬性（方法），繪制汽車
Car.prototype.draw = function () {
var carHtml = "
";
this.carElement = $(carHtml);
this.carElement.css({
position : "absolute",
left : this.x,
top : this.y
});
$("body").append(this.carElement);
};
//向右移動，可手動修改參數(shù)
Car.prototype.moveRight = function (distance) {
this.x += distance;
this.carElement.css({
left : this.x,
top : this.y
})
};
//調(diào)用Car，可隨時新建n輛汽車，且獨立
var tesla = new Car(20.20);
tesla.draw();
//setinterval()方法，周期性的調(diào)用函數(shù)
setInterval(function () {tesla.moveRight(10)},10);
注意：如果用這種方法調(diào)用setInterval(tesla.moveRight(10),10)，setInterval()會調(diào)用windows的moveRight，而不是tesla的moveRight,看到的效果是：只在頁面加載時，運行了一次，就沒有后文了。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/107695.html
摘要：和監(jiān)聽用戶是否在繪畫。再繪畫不在繪畫。監(jiān)測用戶是在使用橡皮檫，是在使用橡皮擦，停止使用鉛筆。使用，會變?yōu)槭褂茫竺鏁黾右粋€屬性值。的作用是獲取寬度也就是寬度移動端支持多點觸控，所以要獲取需要加上，表示第一個值 canvas畫板，比較簡易，目前還有很多bug1、手機端上下會晃動2、下載按鈕微信上沒法用3、下載后背景色是透明4、切換成橡皮擦后，需要先點鉛筆才能繪畫，不能直接點顏色 ...
摘要：首發(fā)于樊浩柏科學(xué)院本次王者編程大賽分為個組別，分別為研發(fā)測試移動戰(zhàn)場。本章只敘述前道相對簡單的題目，后續(xù)題目及解題思路將在王者編程大賽系列中列出。 首發(fā)于 樊浩柏科學(xué)院 本次王者編程大賽分為 3 個組別，分別為研發(fā)、測試、移動戰(zhàn)場。這里只討論研發(fā)戰(zhàn)場所考的 題目，本次大賽共有 7 道題，主要考查點為基礎(chǔ)算法，解題所用語言不做限制，但是需要在 在線驗證平臺 使用標準輸入并驗證通過，最后...
閱讀 1423·2021-10-08 10:05
閱讀 3073·2021-09-26 10:10
閱讀 888·2019-08-30 15:55
閱讀 512·2019-08-26 11:51
閱讀 447·2019-08-23 18:10
閱讀 3865·2019-08-23 15:39
閱讀 665·2019-08-23 14:50
閱讀 774·2019-08-23 14:46
