如何制作像 javascript 一样的 Slider Witty？答案

【问题标题】：How to Make a Slider Witty like javascript?如何制作像 javascript 一样的 Slider Witty？
【发布时间】：2016-05-05 05:09:54
【问题描述】：

我已经启动了一个从 C++ 应用程序提供网页服务的项目。

有很多从初学者到新手的 javascript 教程。以及如何将这个 javascript 滑块嵌入到 Witty C++ 制作的网页中？我有一台由 Qt 制作的服务器在 Windows 上运行，一台由 Qt 制作的 windows 客户端和一台由 Qt 制作的 android 客户端，现在我开始使用 Witty 和 Qt 制作 Web 客户端。

但我只需要机智和 Javascript 教程制作滑块。

Javascript Tutorial

但是这个链接只显示弹出消息。

滑块没有基本的或任何示例。任何人都可以展示它是如何制作的吗？

谢谢

【问题讨论】：

标签： javascript c++ qt wt

【解决方案1】：

好的，我的错误是 javascript 中的 setTimeout 函数。机智没有失败，这个滑块对我来说很棒，现在正在进行造型哇:)

WImage* img = new WImage(root());

img->setId("imgslider");
std::string command = std::string(      "var i = 1;" 
                                          "var path = new Array();" 
                                          "path[0] = \"1.jpg\";" 
                                          "path[1] = \"2.jpg\";" 
                                          "path[2] = \"3.jpg\";" 
"var ifr = document.getElementById('imgslider');"
"function start(counter){" 
                                          "if(counter < 10){" 
                                            "setTimeout(function(){" 
                                              "counter++;" 
                                              "counter = counter % 3;" 
                                              "ifr.src = path[counter];" 
                                              "console.log(counter);" 
                                              "console.log(path[counter]);" 
                                              "console.log(ifr.src);" 
                                              "start(counter);" 
                                            "}, 1000);" 
                                          "}" 
                                        "}" 
                                        "start(1);" 
                                        );
img->doJavaScript(command);

【讨论】：