我想在HTML文本框中编写JavaScript文件中的数据流

I want to write a stream of data that are in a JavaScript file in an HTML textbox

本文关键字:JavaScript 文件 数据流 HTML 文本      更新时间:2023-09-26

正如你从我之前的问题中看到的,我对编码世界非常陌生。我曾尝试为Tizen设备(三星Gear S)开发一款应用程序,可以读取并显示心率。我使用模板,我试图在文件系统中写入数据,但我遇到了一些问题,我开始开发一个简单的应用程序,将显示在屏幕上的心率。我使用了一些来自Tizen开发站点的代码片段,我能够控制台记录数据。现在我想流这些数据到一个"文本框一样的东西"(对不起这句话:)),最终将显示在应用程序屏幕上运行时。我首先尝试了一个超级简单的应用程序,在文本框中显示hello world字符串,它工作了。现在我正试图为我的目的调整代码。我想要的是一个数据流,将显示在盒子上连续,而不仅仅是一次,也许我必须使用不同类型的代码。下面是我的代码,很抱歉这个愚蠢的问题,但我被分配到一个完全远离知识的东西。提前感谢您的帮助!Tizen sdk的主文件使用Javascript语言,web应用的图形界面使用HTML和CSS语言。

HTML:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0,       maximum-scale=1.0">
<meta name="description" content="A single-page template generated by Tizen Wearable Web IDE"/>
<title>Tizen Wearable Web IDE - Tizen Wearable - jQuery</title>

<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<div class=contents>
<div style='margin:auto;'>
    <span class=content_text id=textbox>Basic</span>
    <input type="text" id="mytext">
</div>
</div>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
JAVASCRIPT:

var counter = 0;
function onchangedCB(hrmInfo)
{
console.log("Heart Rate: " + hrmInfo.heartRate);
console.log("Peak-to-peak interval: " + hrmInfo.rRInterval + "      milliseconds");
counter++;
if (counter > 10)
{
  /* Stop the sensor after detecting a few changes */
  tizen.humanactivitymonitor.stop("HRM");
}
}
tizen.humanactivitymonitor.start("HRM", onchangedCB);
function onsuccessCB(hrmInfo)
{
console.log("Heart rate: " + hrmInfo.heartRate);
}
function onerrorCB(error)
{
console.log("Error occurred: " + error.message);
}
tizen.humanactivitymonitor.getHumanActivityData("HRM", onsuccessCB,   onerrorCB);
var data = hrmInfo.heartRate;
document.getElementById("mytext").value = data;
document.addEventListener('tizenhwkey', function(e) {
if(e.keyName === "back") {
    try {
        tizen.humanactivitymonitor.stop("HRM");
        tizen.application.getCurrentApplication().exit();
    } catch (error) {
        console.error("getCurrentApplication(): " + error.message);
    }
}
});

我认为问题是document.getElementById("mytext").value = data;和前一行不在正确的位置。我建议将这些行添加到onchangedCB中,在控制台行之上或之下。这是hrmInfo被定义的地方,因为它是作为参数传递给onchangedCB的。