想顯示導入文件進度，js實現了一個導入耗費時間的效果，但是想將其封裝成面向對象的，可是封裝之后沒有正常運行，js 面向對象能力不夠啊，不知道代碼是啥原因，setinterval沒有間隔時間運行，只運行了一次，請高手指導一下原因，謝謝啦！
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>新增屬性值</title>
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
</head>
<body>
<div id="importInfo"></div>
<input type="button" onclick="inportProcesser.Start()" value="開始">
<input type="button" onclick="inportProcesser.Close()" value="結束">
<script>
function Progresser(intervalms, intervalHandle) {
this.intervalMs = intervalms;
this. totalIntervalMs = 0;
this. timer=null;
this.Oninterval = intervalHandle;
}
Progresser.prototype = {
constructor: Progresser,
Start: function () {
//console.log("Start totalIntervalMs：" + this.totalIntervalMs);
this.timer = setInterval( this.IntervalHandle() , this.intervalMs);
//console.log("Start timer：" + this.timer);
},
Close: function () {
//console.log("Close totalIntervalMs：" + this.totalIntervalMs);
if (this.timer != null) {
//console.log("Close timer：clearInterval pre" + this.timer);
clearInterval(this.timer);
//console.log("Close timer：clearInterval next" + this.timer);
}
this.totalIntervalMs = 0;
}
,
IntervalHandle: function () {
this.totalIntervalMs += this.intervalMs ;
//console.log("IntervalHandle totalIntervalMs：" + this.totalIntervalMs);
this.Oninterval(this.totalIntervalMs);
//console.log("IntervalHandle timer：" + this.timer);
}
}
var inportProcesser = new Progresser(500, importing2);
function importing2(totalIntervalMs) {
var second = (totalIntervalMs / 1000.0).toFixed(1);
console.log("seconds:" + second + "s..");
}
</script>
</body>
</html>
js 封裝setInterval問題
大話西游666
2018-12-07 03:24:11
