display issue of secondTenths about easytimer.js HOT 5 CLOSED

Thank you so much. It works very well, as I expected. I appreciate your help very much. I am not a professional coder but fortunately there good guys from this industry like you. TNX..

from easytimer.js.

Hi!

The toString method is very simple and it doesn't allow diferent separators. If you need a custom format, you can write a method to do that. For example:

const timer = Timer();

timer.start({ precision: 'secondTenths' });

const formatValues = (timeValues) => `${timeValues.toString()}.${timeValues.secondTenths}`;
timer.on('secondTenthsUpdated', () => console.log(formatValues(timer.getTimeValues())));

Best regards!

from easytimer.js.

Hi,
Thank you for the quick answer. I tried it but it does not work. Where to insert your suggested codes. Here is my original codes

<script src="js/easytimer.min.js"></script>
    <div id="ElapsedTime">
      <p><B>Elapsed time: </B></p>
        <div class="values">00:00:00.0</div>
    	<br>
		<button class="startButton" id="Submit" style="margin-bottom: 10px">Submit</button>
	</div>
   
<script>
var timer = new Timer();
$('#ElapsedTime .startButton').click(function () {
    $("#ajax_stat_result").css({"display":"none"});
    timer.start({precision: 'secondTenths'});
});

timer.addEventListener('secondTenthsUpdated', function (e) {
    $('#ElapsedTime .values').html(timer.getTimeValues().toString(['hours','minutes', 'seconds', 'secondTenths']));
});
</script>

from easytimer.js.

Hi again!

No problem. Try to replace your event listener with this:

timer.addEventListener('secondTenthsUpdated', function (e) {
    var timeValues = timer.getTimeValues();
    $('#ElapsedTime .values').html(timeValues.toString(['hours','minutes', 'seconds']) + '.' + timeValues.secondTenths);
});

This should work.

Best regards!

from easytimer.js.

You are welcome! Glad to help you.

Best regards!

from easytimer.js.