javascript - jqueryで、あるオブジェクトで宣言された変数に別のオブジェクトからアクセスする方法

Question

ここで、あるオブジェクトで別のオブジェクトで宣言されている変数にアクセスしようとしていますが、動作していません
My jsfiddle

My script:

$(function(){
homePage.tooltipshowhide();
homePage.hidetooltip();
});

(function( $ ){ 

    homePage = {

    tooltipshowhide:function(){
        var time = 0;
        $('.toggle-ttp').tooltip({html:true,placement: 'bottom',trigger: 'manual'}).tooltip('show');
        time = setInterval(homePage.hidetooltip, 4000);
    },

    hidetooltip:function(){
        clearInterval(time);
        $('.toggle-ttp').tooltip('destroy');
        $('.toggle-ttp').tooltip({html:true});
        $('#continueBtnTop').removeClass('toggle-ttp');
    }

 };
})( jQuery );

Answer 1

解決策の 1 つは、オブジェクトの外で時間変数を定義することです。もう 1 つは、この変数をこのようなオブジェクト フィールドとして定義することです。

$(function(){
    homePage.tooltipshowhide();
    homePage.hidetooltip();
});
(function( $ ){ 
    homePage = {
    time: 0,

    tooltipshowhide:function(){
        $('.toggle-ttp').tooltip(
            {html:true,placement: 'bottom',trigger: 'manual'}).tooltip('show');
        this.time = setInterval(homePage.hidetooltip, 4000);
    },

    hidetooltip:function(){
        clearInterval(this.time);
        $('.toggle-ttp').tooltip('destroy');
        $('.toggle-ttp').tooltip({html:true});
        $('#continueBtnTop').removeClass('toggle-ttp');
    }

 };
})( jQuery );