在hta应用程序中使用具有滚动效果的HTML和Javascript显示当前日期和时间

我使用下面的java脚本以给定格式在hta（html应用程序）中显示当前日期（2014年6月2日星期一17:54:28 UTC+0530），现在，我想让它以一种类似欢迎我的系统的当前日期的方式出现：周一6月2日17:54:28 UTC+0530 2014，并且该文本应该是一个具有滚动效果的文本，例如：从右向左移动

我尝试使用下面的标记来获取可滚动文本，但如何在

标记中调用此java脚本变量，以便获取今天的日期和时间，这也是可滚动影响的一部分，但它不适用于我的HTML页面

请让我知道如何纠正这个问题

HTML代码：

<marquee behavior="scroll" bgcolor="yellow" loop="-1" width="30%">
  <i><font color="blue"><strong>Welcome</strong> Today's date is : </font></i>
</marquee> 

 <script language="javascript">
 var today = new Date();
 document.write(today);
 </script>

欢迎今天的日期是：

JAVASCRIPT显示当前日期和时间：

<marquee behavior="scroll" bgcolor="yellow" loop="-1" width="30%">
  <i><font color="blue"><strong>Welcome</strong> Today's date is : </font></i>
</marquee> 

 <script language="javascript">
 var today = new Date();
 document.write(today);
 </script>

var today=新日期（）；
文件。写（今天）；

方法1：

---

使用

选框

标记

HTML

<marquee behavior="scroll" bgcolor="yellow" loop="-1" width="30%">
   <i>
      <font color="blue">
        Today's date is : 
        <strong>
         <span id="time"></span>
        </strong>           
      </font>
   </i>
</marquee> 

<p class="marquee">
    <span id="dtText"></span>
</p>

---

方法2：

---

不带

marquee

标记，带

CSS

HTML

<marquee behavior="scroll" bgcolor="yellow" loop="-1" width="30%">
   <i>
      <font color="blue">
        Today's date is : 
        <strong>
         <span id="time"></span>
        </strong>           
      </font>
   </i>
</marquee> 

<p class="marquee">
    <span id="dtText"></span>
</p>

JS

var today = new Date();
document.getElementById('time').innerHTML=today;

.marquee {
   width: 350px;
   margin: 0 auto;
   background:yellow;
   white-space: nowrap;
   overflow: hidden;
   box-sizing: border-box;
   color:blue;
   font-size:18px;
}

.marquee span {
   display: inline-block;
   padding-left: 100%;
   text-indent: 0;
   animation: marquee 15s linear infinite;
}

.marquee span:hover {
    animation-play-state: paused
}

@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

var today = new Date();
document.getElementById('dtText').innerHTML=today;

这将对您有所帮助

Javascript

var today=新日期；
document.getElementById（'date'）.innerHTML=today.toDateString（）；

试试这个：

HTML:

结果:

Mon Sep 18 2017 12:40pm

---

避免使用

，但是您建议使用什么标签来实现可滚动效果？任何您想要的

，

，

，理想情况下，除了非标准元素（）自HTML 3天以来，该元素已被弃用。我只需要显示数据日年份我需要跳过时间区域您不应该再使用

字幕

。因为它现在已经被玷污了。请参见询问

选框

，这就是用

选框

回答的原因。此外，我还提供了另一种方法。我只需要显示数据日年份，我需要跳过时区，而此代码可能会回答此问题，提供有关此代码为什么和/或如何回答此问题的其他上下文，以提高其长期价值。

Mon Sep 18 2017 12:40pm