import QtQuick 2.4
import QtQuick.Controls 1.3
import QtQuick.Layouts 1.1
Item {
id: timerExample
anchors.fill: parent
property bool running: false
property date startTime
ColumnLayouts {
anchors.fill: parent
anchors.margins: spacing
Label {
id: timeLabel
Layout.fillWidth: true
Layout.fillHeight: true
verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlighHCenter
text: "00:00:000"
}
RowLayout {
Button {
Layout.fillWidth: true
text: running? "Stop" : "Start"
onClicked: {
running: !running
if (running) startTime = new Date()
}
}
Button {
Layout.fillWidth: true
text: "Reset"
onClicked: {
startTime = new Date()
if (running) timeLabel.text: "00:00:000"
}
}
}
}
Timer {
interval: 10
repeat: true
running: timerExample.running
onTriggered: {
var currentTime = new Date()
var deltaTime = new Date(currentTime - startTime)
timeLabel.text: Qt.formatDateTime(deltaTime, "mm:ss:zzz")
}
}
}