更改嵌套函数中的变量

Question

我正在尝试更改嵌套函数中的变量，因为有很多代码，所以这里是JS文件的简化构建

var time = 0;

$("button").click(function(){
    time = time + 1
});

function thisIsTheTime(){
    clockDesign()   
    // big bunch of variables and more code
}

function clockDesign(){

  ProgressIndicator: {
   name: "ProgressIndicator",
   element: create_element_with_attributes("div", {
      innerHTML:
      "<div class='ProgressbarContainer' style='text-align: center;'>
      + time
      + </div>"
      })
   }

}

接下来我要实现的是，在第二个函数ClockDesign（）中更新时间-每次单击按钮的时间-但是，这将在页面加载时直接呈现。保持0。

Answer 1

您可以尝试使用此方法更新点击事件-

        $("button").click(function(){
            time = time + 1
            $(".ProgressbarContainer").text(time);
        });