javascript - 如何将函数与 html 组件绑定？

Question

这是我的设置。我创建了一个 html 页面，并在该页面上放置了一个类型为文本的输入组件。我为组件设置了只读属性，因为我想在此组件中显示日期和时间，因此用户无法更改它。我的问题是如何在这个组件中显示日期和时间，以便它的值随着时间的变化而不断变化。谢谢

Answer 1

如果您使用的是 html 组件 ID，请尝试此操作

  $("#main").bind("click",function(){
      alert("The is id.");

//or you can call the function 
    });

或者，如果您使用的是 html 组件类，请尝试此操作

 $(".main").bind("click",function(){
      alert("The is class.");
//or you can call the function 
    });

Answer 2

用于jquery那个

html

<label id="clock"></label>

jQuery

var updateClock = function() {
function pad(n) {
    return (n < 10) ? '0' + n : n;
}

var now = new Date();
var s = pad(now.getUTCHours()) + ':' +
        pad(now.getUTCMinutes()) + ':' +
        pad(now.getUTCSeconds());

 $('#clock').html(s);

var delay = 1000 - (now % 1000);
setTimeout(updateClock, delay);

};

Answer 3

在每个日期时间更新运行此代码

 document.getElementById("input_id").value = "date content";