2013-07-27 89 views
0

我正在使用下面的函數,它運行良好,但我只想調用它一次 - 當前每次我使用滾動,函數ID觸發,結果我的動畫圖表得到重建。只調用一次JS函數

window.onscroll = function() { 


new Chart(document.getElementById("doughnut").getContext("2d")).Doughnut(doughnutData); 
new Chart(document.getElementById("line").getContext("2d")).Line(lineChartData); 
new Chart(document.getElementById("radar").getContext("2d")).Radar(radarChartData); 




} 

謝謝!!!!

+0

「我只想叫它一次」;爲什麼你用onscroll呢? – OzrenTkalcecKrznaric

+0

那麼......只需用'window.onload'替換'window.onscroll'即可。 :) –

+0

我只是想當用戶滾動頁面到他們坐的div時,圖表被動畫。有沒有更好的辦法?? – user2283907

回答

3
var isNotScrolled = true; 

window.onscroll = function() { 
    if(isNotScrolled) 
    { 
    new Chart(document.getElementById("doughnut").getContext("2d")).Doughnut(doughnutData); 
    new Chart(document.getElementById("line").getContext("2d")).Line(lineChartData); 
    new Chart(document.getElementById("radar").getContext("2d")).Radar(radarChartData); 

    isNotScrolled = false; 
    } 
} 

您也可以考慮使用jQuery with waypoint plugin,可以幫助你做你想要什麼。

+1

if(),nice ... +1的變化Hahahaaaaaa;) –

+0

@Naveen:謝謝:) – OzrenTkalcecKrznaric