Cómo devolver el valor de la función al elemento html.
A continuación se muestra el código de muestra:
$.fn.countdown = function(toTime){ var x = setInterval(function(){ var now = new Date().getTime(); var distance = toTime - now; var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); var value = days + "d " + hours + "h " + minutes + "m " + seconds + "s "; console.log(value); return value; }, 1000); }; $('#my_div').countdown(new Date("Jan 5, 2024 15:37:25").getTime()); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> Necesito el valor del resultado de esa función de impresión en #my_div .
El problema se debe a que su declaración de return está dentro del controlador setInterval() y, por lo tanto, no se devuelve desde la invocación de $.fn.countdown .
En su lugar, debe hacer referencia al elemento en el que se creó una instancia de su biblioteca de extensión jQuery, utilizando this palabra clave y luego actualizar ese elemento. En el siguiente ejemplo, utilicé el método text() .
$.fn.countdown = function(toTime) { let $el = $(this); let timeUpdate = () => { var now = new Date().getTime(); var distance = toTime - now; var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); var value = days + "d " + hours + "h " + minutes + "m " + seconds + "s "; $el.text(value); } timeUpdate(); // run on instantiation var intervalId = setInterval(timeUpdate, 1000); // run every second }; $('#my_div').countdown(new Date("Jan 5, 2024 15:37:25").getTime()); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="my_div"></div>