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";