我打算在Vue上显示这个时钟。这个时钟会自动刷新时间,但是我如何转换这个代码呢?
有没有一个简单的方法可以将其转换为Vue?Vue没有(document.getElementBy
...)
function time () {
document.getElementById("time").innerHTML = new Date().toString("hh:mm:ss tt");
}
var timeInterval = setInterval(time, 1000); // recalls the function every 1000 ms
<div id="time"></div>
3条答案
按热度按时间iezvtpos1#
下面是Vue 3风格的代码:
9gm1akwq2#
虽然可以使用
document.getElementById
,但也可以使用refs
完成,如下所示:或者通过更新
data
属性,如下所示:nwwlzxa73#
你可以在Vue Js中创建一个数字时钟,使用setInterval()方法定期真实的更改其值。请参见下面的示例:
浏览器中的结果如下所示:**21:31:05