誰かがそれを(遅れて)起動するたびに、クリック数とクリック数を示すカウンターが表示されます。JavaScriptテーブル内にJavaScriptデータを置く
がどのように私は時間を得ることができ、クリックするセル表に示されていることが、このような何か:ここ
Clicks Time 1 thusday 4 2018 2 monday 3 2018
が私のHTMLコードは次のとおりです。
function Msg1() {
document.getElementById('myText').innerHTML = 'Hey <strong>Thanks!</strong>';
}
var counter1 = 1;
var popup = document.getElementById("popup");
var input = document.getElementById("popup-delay");
var showButton = document.getElementById("popup-show");
var closeButton = document.getElementById("popup-close");
showButton.addEventListener("click", function onShowClick() {
// Get the user input and convert it into a number
var value = parseInt(input.value, 10);
// If the input is not a number
if (isNaN(value)) {
// Warn the user
alert("NaN (Not A Number) !");
}
// Otherwise
else {
// Convert milliseconds to seconds
var delay = value * 1000;
// Turn off the click listener on the "Show" button
showButton.removeEventListener("click", onShowClick);
// Start the countdown to show the popup
document.getElementById("num1").innerHTML = counter1;
counter1 = counter1 + 1;
document.getElementById("num4").innerHTML += "<span>" + Date() + "</span>";
setTimeout(function() {
// Show the popup
popup.style.display = "block";
// Turn on the click listener on the "Close" button
closeButton.addEventListener("click", function onCloseClick() {
// Turn off the click listener on the "Close" button
closeButton.removeEventListener("click", onCloseClick);
// Turn on the click listener on the "Show" button
showButton.addEventListener("click", onShowClick);
// Hide the popup
popup.style.display = "none";
});
}, delay);
}
});
#popup {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: yellow;
padding: 1em;
}
#thecounter {
float: right;
background-color: rebeccapurple;
padding-top: 50px;
padding-bottom: 50px;
width: 10%;
margin-right: 10px;
font-size: 30px;
color: white;
text-align: center;
}
#thetime {
float: right;
background-color: rosybrown;
padding-top: 50px;
padding-bottom: 50px;
width: 10%;
font-size: 30px;
color: white;
text-align: center;
}
#num4 span {
font-size: 20px;
display: block;
margin-bottom: 4px;
padding: 4px;
}
Delay: <input type="text" id="popup-delay" /> <button type="button" id="popup-show">Show</button>
<div id="popup">
<p>I am a popup :-)</p>
<button type="button" id="popup-close">Close</button>
</div>
<div id="container">
<div id="thecounter">
<p id="num2">clicks </p>
<p id="num1">0 </p>
</div>
<div id="thetime">
<p id="num3">time </p>
<p id="num4"> </p>
</div>
</div>
とあなたのjsコード? – messerbill
これはa *ではありません。あなたが求めているのはJavaScriptコードが必要なので、HTMLとCSSコードだけを提供することは正しくありません。私たちが*トラブルシューティングできるようにjsコードを提供してください。 –