Game Programming using Qt 5 Beginner's Guide - Second Edition

Time for action – Making the clock functional

The final step in creating a clock is to make it actually show the current time. In JavaScript, we can query the current time using the Date object:

var currentDate = new Date();
var hours   = currentDate.getHours();
var minutes = currentDate.getMinutes();
var seconds = currentDate.getSeconds();

Therefore, the first thing that comes to mind is to use the preceding code to show the current time on the clock:

Item {
    id: clock
    property int hours:   currentDate.getHours()
    property int minutes: currentDate.getMinutes()
    property int seconds: currentDate.getSeconds()
    property date currentDate: new Date()
    // ...
} 

This will indeed show the current time once you start the application, but the clock will not ...