Javascript обратный отсчет во всплывающей подсказке.Как я могу использовать это? - PullRequest
Новая
       35

Javascript обратный отсчет во всплывающей подсказке.Как я могу использовать это?

0 голосов
/ 05 апреля 2019

Я нашел этот код javascript (jquery) для счетчика обратного отсчета во всплывающей подсказке. Но я не знаю, как это можно назвать. Как я могу интегрироваться в мой HTML или PHP.

Это код: 

	$("a.tooltip").mousemove(function(e){
                xOffset = 10;
		yOffset = 20;
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			

        var date = new Date();
        var started = date.getTime();
	$(".tooltip_countdown").hover(function(e){   
                xOffset = 10;
		yOffset = 20;	
		this.t = this.title;
		this.title = "";
                data = jQuery.parseJSON(this.t);
                div_id1 = "counter_"+data.id1;
                if(data.id2) {
                    div_id2 = "counter_"+data.id2;
                    span2 = "<br><span id='"+div_id2+"'>2</span>";
                }
                else {
                    div_id2 = "";
                    span2 = "";
                }
                $("body").append("<div id='tooltip'><span id='"+div_id1+"'>1</span>"+span2+"</div>");
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");
                now = new Date();
                diff = Math.round((now.getTime() - started) / 1000);
                sec = parseInt(data.time1) - diff;
                now.setSeconds(now.getSeconds() + sec);
                if(sec > 86400) c = "{dn} {dl} {hn} {hl} {mn} {ml}"; else if(sec > 3600) c = "{hn} {hl} {mn} {ml} {sn} {sl}"; else c = "{mn} {ml} {sn} {sl}";
                if(this.id == 'ikon_alvas' || this.id == 'ikon_munka') 
                    ttxt = 'Épp '+data.text1+', ezért nem tudsz tevékenykedni.<br>Hátralévõ idõ: '+c;
                else if(this.id == 'ikon_drog')
                    ttxt = 'Még '+c+'ig állsz a '+data.text1+' hatása alatt';
                else
                    ttxt = 'A következõ '+data.text1+' várnod kell '+c+'et';                
                $("#"+div_id1).countdown({until: now, layout: ttxt});
                if(data.id2) {
                 now = new Date();
                 diff = Math.round((now.getTime() - started) / 1000);
                 sec = parseInt(data.time2) - diff;
                 now.setSeconds(now.getSeconds() + sec);
                 if(sec > 86400) c = "{dn} {dl} {hn} {hl} {mn} {ml}"; else if(sec > 3600) c = "{hn} {hl} {mn} {ml} {sn} {sl}"; else c = "{mn} {ml} {sn} {sl}";
                 $("#"+div_id2).countdown({until: now, layout: 'A következõ '+data.text2+' várnod kell '+c+'et'});
                }

Я использую это, но не работает: 

<img class="tooltip_countdown" src="../img/wait.png" title="{ "id1":"John", "time1":"0" }">
Я не понимаю, как это работает, поэтому, пожалуйста, помогите мне узнать, как я могу назвать эту функцию
...