在javascript代码中添加按钮

我想在javascript代码中添加一个按钮，它使用Tizen sdk存储Gear 2的心率。在我的代码中，主div插入到javascript代码中。我正在使用以下代码：

//HTML CODE:
<div id="chartContainer" class="chart"></div>

//JAVASCRIPT CODE:
var chart = new CanvasJS.Chart("chartContainer",{
    title :{
        fontColor: "#ccc",
        text: "Heart Rate"
    },
    backgroundColor: "#222",
    data: [{
        color: "#CD5C5C",
        type: "line",
        dataPoints: dps 
    }]
});
var lastSecond = -1;
var updateChart = function (heartrate) {
    time = new Date().getTime() - initial;
    console.log("[" + time + ", " + heartrate + "]");
    temp = heartrate;
    console.log("tempVar"+ temp);

     tizen.filesystem.resolve(
             'documents',
             function(dir){
               documentsDir = dir; dir.listFiles(onsuccess,onerror);
             }, function(e) {
               console.log("Error" + e.message);
             }, "a"
         );

    dps.push({
        x: time / 1000.0,
        y: heartrate
    });
    if (dps.length > dataLength)
    {
        dps.shift();                
    }
    var second = Math.round(time / 1000.0);
    console.log(history.length);
    if(lastSecond != second) {
        // TODO use avg heart rate instead of smapshot.
        history.push({
            x: second,
            y: heartrate
        });
        if(history.length > historyDataLength) {
            history.shift();
        }
        lastSecond = second;
    }

    if(dps.length >= dataLength) {
        chart.render();
    }
    var hrchart = "<center>" + heartrate + "bps</center><table width='100%' cellpadding=4px>";
    for(var i = history.length - historyDataLength; i >= 0 && i < history.length; i++) {
        hrchart += "<tr><td align='right' width='50%'>" + history[i].x + "s</td><td width='50%'>" + history[i].y + "bps</td></tr>";
    }
    hrchart += "</table>";
    $('#textbox').html(hrchart);
};

updateChart(0);
updateChart(250);
for(var i = 0; i < dataLength; i++) {
    updateChart(0);
}

这意味着按下后退按钮时关闭应用程序。但是，档位2只有一个按钮。这个按钮是钥匙吗？对于人力资源管理，我使用以下方法。对于在文件中写入，我使用：

function onsuccess(files) {
       var testFile = null;
       try{
          testFile = documentsDir.createFile("test.txt");
       if (testFile !== null) {
         testFile.openStream(
             "a",
             function(fs){
               fs.write(temp+"\n\n\n");
               fs.close();
             }, function(e){
               console.log("Error " + e.message);
             }, "UTF-8"
         );
       }
       }
       catch (e) { // file already exist -> append content
           testFile = documentsDir.resolve('test.txt');
            if(testFile !== null)
            {
                testFile.openStream(
                     "a",
                     function(fs){
                       fs.write(temp+"\n\n\n");
                       fs.close();
                     }, function(e){
                       console.log("Error " + e.message);
                     }, "UTF-8"
                 );
            }
        }
     }
     function onerror(error) {
       console.log("The error " + error.message + " occurred when listing the files in the selected folder");
     }

及

---

我还是个初学者，但我知道如何打开和关闭窗口的基本知识。也许这能帮你

 <button onclick="openWin()">Open "myWindow"</button>
 <button onclick="closeWin()">Close "myWindow"</button>

<script>
var myWindow;
function openWin() { 
myWindow = window.open("", "myWindow", "width=200, height=100"); 
myWindow.document.write("<p>This is 'myWindow'</p>");
}

function closeWin(){ 
myWindow.close();
}

打开“我的窗口”
关闭“我的窗口”
var-myWindow；
函数openWin（）{
myWindow=window.open（“，”myWindow“，”宽度=200，高度=100”）；
myWindow.document.write（“这是‘myWindow’
”）；
}
函数closeWin（）{
myWindow.close（）；
}

1。在JS代码中创建按钮

var b1 = document.createElement("BUTTON"); // Create Button
var b2 = document.createElement("BUTTON");

// Assign text to your button
b1.textContent = "Start";
b2.textContent = "Exit";

// Register click handlers to call respective functions
b1.onclick = function() {/*Code here*/};
b2.onclick = function() {/*Code here*/};

// Append them in your DOM i.e to show it on your page.
// Suppose to append it to an existing element in your page with id as "appp".
var attachTo = document.getElementById("appp");
attachTo.appendChild(b1);
attachTo.appendChild(b2);

2。TIZENHWKEY

在档位上，tizenhwkey”表示“向下滑动”手势和“向上滑动”手势

向下滑动可作为后退键，类似于在手机上的工作方式向上滑动可作为菜单按钮，类似于在手机上的工作方式

您可以使用下面的代码来处理我上面提到的两种手势

document.addEventListener('tizenhwkey', function(e)  {
            if(e.keyName == "menu") {
            }

            if(e.keyName == "back") {
                // you need to write exit statement
                tizen.application.getCurrentApplication().exit();
            }
    }

关于人力资源管理停止-使用此选项停止对人力资源管理的监控

webapi.motion.stop（“HRM”）

新品发布-请尝试此功能

fs.写入（temp+“\n\n”）

---

正如您所看到的，chartContainer的整个代码都在javascript中。因此，在javascript代码中编写按钮非常方便。是的，我有将hrm存储在文件中的代码，当我将gear与pc连接时，我得到了一个带有hrm值的文件。避免Tizenwkey当我东倒西歪时，它似乎根本不会关闭应用程序。此外，我想找到一种方法来关闭传感器设备，因为我打开了我的应用程序，hrm的传感器绿灯不停止功能。最后一件事是，我正在使用write函数将hrm写入文件。但是，它似乎不识别“\n”。关于那件事有什么线索吗？你提到过tizen.application.getCurrentApplication（）.exit（）吗；语句内部的键处理。检查已编辑的代码。最初我只是编写代码结构。我以为你会像你想做的那样写逻辑。另外，关于你的第三个问题，你还没有澄清我的疑问。当你说集成时，你是指与galaxy device？集成-它由运行在基于Android的三星移动设备上的主机端应用程序和可穿戴端小部件组成。单机版-它只包含在基于Tizen的三星Gear设备上运行的可穿戴侧小部件。我运行应用程序，将Gear与pc连接，只是为了通过hrm获取文件，因此是单机版。

var b1 = document.createElement("BUTTON"); // Create Button
var b2 = document.createElement("BUTTON");

// Assign text to your button
b1.textContent = "Start";
b2.textContent = "Exit";

// Register click handlers to call respective functions
b1.onclick = function() {/*Code here*/};
b2.onclick = function() {/*Code here*/};

// Append them in your DOM i.e to show it on your page.
// Suppose to append it to an existing element in your page with id as "appp".
var attachTo = document.getElementById("appp");
attachTo.appendChild(b1);
attachTo.appendChild(b2);

document.addEventListener('tizenhwkey', function(e)  {
            if(e.keyName == "menu") {
            }

            if(e.keyName == "back") {
                // you need to write exit statement
                tizen.application.getCurrentApplication().exit();
            }
    }