QML学习笔记（六）- 简单计时器和定时器

最新推荐文章于 2024-07-07 21:34:49 发布

DebJane

最新推荐文章于 2024-07-07 21:34:49 发布

阅读量2.6k

点赞数

分类专栏： QML QML

本文链接：https://blog.csdn.net/sueRimn/article/details/86141917

版权

这篇博客介绍了如何在QML中创建一个简单的计时器和定时器功能。通过左键启动计时，右键开启定时设置，中键暂停。文章提供了GitHub链接和相关代码，包括TimeIpt.qml和WarnPop.qml，还提到了时间输入的正则验证及告警信息设置。

摘要由CSDN通过智能技术生成

QML学习笔记（六）- 简单计时器和定时器

做一个简单的qml计时器和定时器，左键触发计时，右键触发定时

GitHub:八至

作者：狐狸家的鱼

本文链接：QML学习笔记（六）- 简单计时器和定时器

左键点击按钮，触发计时器，中键可以暂停计时，同时如果要清零，再次点击左键。

右键打开时间输入与告警信息输入弹出窗口，时间输入有正则验证，只能输入数字，并且时间的:只能在英文半角下输入，如果时间和告警信息未输入，会弹出警告。

main.qml:

/*
author:狐狸家的鱼
date:20181226
*/
import QtQuick 2.10
import QtQuick.Window 2.10
import QtQuick.Controls 2.2
Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    property int initTime: 0
    property var totalSeconds_ipt    //timerIpt 总秒数
    property var totalSeconds_sys    //当前系统时间总秒数
    property var trigger_ipt
    property int count: 15           //倒计时开始秒数
    //秒转换为时分秒  用于计时
    function toTime(s){
        var time;
        if(s > -1){
            var hour = Math.floor(s/3600);
            var min = Math.floor((s/60)%60);
            var sec = initTime % 60;
            if(hour < 10){
                time = hour + ":";
            }
            if(min < 10){
                time += "0";
            }
            time += min + ":";
            if(sec < 10){
                time += "0";
            }
            time += sec.toFixed(0);
        }
        return time;
    }

    //时分秒转换为秒 用于定时
    function add_zero(temp){
        if(temp < 10) return "0" + temp;

    }
    function getCurDateS(){
        var date = new Date();
        var dateH = add_zero(date.getHours());
        var dateM = add_zero(date.getMinutes());
        var dateS = add_zero(date.getSeconds());