Qml Timer Example

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")

}

}

}

转载于:https://my.oschina.net/u/2519784/blog/601074