QML按钮点击后5秒变绿再恢复原色，Timer函数失效求助

直接上可运行的代码，核心是用两个Timer分别控制延迟变绿和延迟恢复原色，同时提前保存按钮的初始颜色：

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 400
    height: 300
    title: "Button Color Toggle"

    Button {
        id: colorBtn
        text: "点击我"
        anchors.centerIn: parent
        
        // 保存按钮初始背景色
        property color originalColor: background.color

        // 控制变绿的Timer
        Timer {
            id: turnGreenTimer
            interval: 5000 // 5秒
            running: false
            repeat: false
            onTriggered: {
                colorBtn.background.color = "green"
                // 启动恢复原色的Timer，这里设置1秒后恢复，可按需调整
                resetColorTimer.start()
            }
        }

        // 控制恢复原色的Timer
        Timer {
            id: resetColorTimer
            interval: 1000 // 1秒后恢复，可修改
            running: false
            repeat: false
            onTriggered: {
                colorBtn.background.color = colorBtn.originalColor
            }
        }

        onClicked: {
            turnGreenTimer.start()
        }
    }
}

关键要点说明： #

• 提前用property color originalColor保存按钮的初始背景色，避免硬编码颜色值，适配不同风格的按钮。
• 两个Timer分工明确：turnGreenTimer负责5秒延迟后触发变色，resetColorTimer负责变色后延迟恢复原色。
• 点击按钮时只启动第一个Timer，变色完成后自动启动第二个Timer，逻辑清晰。

常见错误排查（你可能踩的坑）： #

• 没有保存初始颜色：直接硬编码恢复的颜色，导致和按钮默认风格不符。
• Timer的running属性没正确设置：比如默认设为true导致页面加载就触发，或者点击后没手动启动。
• 只用一个Timer但没处理状态：比如想让Timer重复触发，但没加计数判断，导致颜色反复切换逻辑混乱。

内容的提问来源于stack exchange，提问作者Mert Turfan