qml 中的js定时器

4 篇文章 0 订阅
2 篇文章 0 订阅

目前的qml js版本中不直接支持定时器,js中原有的​setTimeout() 和clearTimeout()是无法直接使用的。

想要在js中使用定时器,只能在main.qml中开启一个Time来间接使用。


使用方法如下

main.qml

 

import QtQuick 1.0

import "testTime.js" as testTime

Rectangle {
    id: screen;

    width: 200; height: 200

 

    Timer {
 ​       id: timeOut
        interval: 700;
        onTriggered: { testTime.connectTimeOut(); }
    }

}

 

testTime.js

 

function setTimeout()
{

    timeOut.running = true;
}

 

function clearTimeout()
{

    timeOut.running = false;
}


function connectTimeOut() {
    log("connectTimeOut");
}

另外注意: 这种方法只能在主线程中使用,通过WorkerScript创建的线程内是无法识别timeOut这个ID的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
QML ,可以通过使用 JavaScript 和 Qt QML Timer 组件来实现在新线程执行定时器。具体步骤如下: 1. 创建一个新的 Worker 对象,并将其绑定到 QML 上下文。 2. 在 Worker 对象创建一个新的 Qt QML Timer 对象,并将其设置为自动重复,并设置定时器的时间间隔。 3. 在 Worker 对象,将定时器的信号与一个 JavaScript 函数连接起来,以便在定时器触发时执行该函数。 4. 在主线程,通过调用 Worker 对象的 start() 函数来启动新线程。 下面是一个简单的示例代码,演示了如何在 QML 实现在新线程执行定时器: ``` import QtQuick 2.0 WorkerScript { id: worker function startTimer() { var timer = Qt.createQmlObject("import QtQuick 2.0; Timer { interval: 1000; running: true; repeat: true }", worker); timer.triggered.connect(handleTimer); } function handleTimer() { console.log("Timer triggered in worker thread"); } } Button { text: "Start Timer" onClicked: { worker.start(); worker.sendMessage({ type: "startTimer" }); } } ``` 在这个示例,当用户单击按钮时,会启动一个新的 Worker 线程,并在该线程创建一个新的定时器。当定时器触发时,会执行 handleTimer() 函数。请注意,这个函数是在 Worker 线程执行的,而不是在主线程执行的。 如果您需要在定时器执行更复杂的操作,可能需要使用 Qt 的多线程模块来管理线程和通信。但是,对于简单的定时器任务,使用上述方法可能已经足够了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值