Human Resource Employees Checkin

I created this page with fields ,
I want when the employee does a check at (in, morning, afternoon, out) I want to show the actual time of checking automatically and be read only
But here the same time appears in all fields and it is the time of entry, knowing that it was checked at different times.
Can you help me to solve it!!
Best regards.

share your code which u used to do this,

Thanks alot , I solved it.

can u share your code , please.