如何在不單擊 HTML 或 JS 中的任何內容的情況下顯示文本？

Question

我不需要幫助就可以在 HTML 的頁面上獲取文本，我知道該怎么做。 你知道在 MS-DOS 中加載文本時的樣子：

正在啟動 MS-DOS... 模式 select 代碼頁 function 完成。

我曾考慮過調用 StartTimer 並使其立即改變 div 的不透明度，但我不確定這是否可行，我一直試圖在網上找到與我的問題類似的任何東西，但沒有任何東西。 謝謝你的幫助。

Answer 1

你的標題表明你不想“點擊任何東西...... [in] JS”，所以我認為這意味着你仍然可以完全使用 JavaScript ，因為你提到在你的問題正文中調用 function 。 大概您只是希望它在頁面加載時立即工作，而不是有人“點擊某物”。

如果您只是想讓它在一段時間后出現，請使用：

您的 HTML 標記：

<div id="myDiv" style="opacity:0">Starting MS-DOS</div>

還有你的 JS：

setTimeout(function() {
  document.querySelector("myDiv").style.opacity = 1;}
, 3000);

這將在 3 秒后立即將文本顯示到頁面上。 您還可以使用以下方法將其淡入屏幕：

setTimeout(function() {
  var interval = setInterval(function() {
    document.querySelector("div#myDiv").style.opacity += 0.1;
    if (document.querySelector("div#myDiv").style.opacity >= 1) {
      clearInterval(interval);
    }
  }, 250);
}, 1000);

這種方法將等待 1 秒，然后通過 setInterval 在 2.5 秒內淡入文本，然后在達到不透明度 1 時清除該間隔。

Answer 2

這個怎么樣，我只用 css 創建了這個

 body { background: black; color: white; } @keyframes anim { from { opacity: 0; } to { opacity: 1; } }.start { opacity: 0; animation: anim 1.5s; }.end { position: absolute; top: 0; opacity: 0; animation: anim 1s 1.5s forwards; }

 <h2 class="start">Starting MS-DOS...</h2> <h2 class="end">C:\></h2>