如何在MVC视图中添加时钟

Question

我在jquery移动标题中有以下几行html代码来显示时间.它现在是静态的,因为它只在刷新页面时刷新.如何在没有页面刷新的情况下定期更新时间？

<div id="updateTime">
    <span>@DateTime.Now.ToShortDateString()</span><br />
    @{
        CultureInfo ci = new CultureInfo("en-US");
        string formatedDate = DateTime.Now.ToString("t", ci);
    }
</div>

Answer 1

我在之前的项目中使用过 jClock，它总是运行良好： https: //github.com/dsparling/jclock

安装插件js文件后，你可以这样调用它：

$(document).ready(function () {
    $('.jclock').jclock({format: '%I:%M:%S %p'});
});

示例样式：

.jclock
{
    background-color:Navy;  color: #ffffff;
    font-weight: bold;
    font-size: 64pt;
    text-align: center;
    height: 100px;
    text-shadow: 2px 2px 2px #fff;
    border-radius: 15px 15px 0px 0px; 
    -moz-border-radius: 15px 15px 0px 0px; 
    -webkit-border-radius: 15px 15px 0px 0px;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
}