如何在UI上显示javascript

本文关键字:显示 javascript UI | 更新日期: 2023-09-27 18:11:31

我在互联网上找到了一个javascript代码,可以向我显示当地时间,但现在它没有显示在我的视图上,谁可以帮助我?

Javascipt代码:

ourDate = new Date();
    result = document.write(ourDate.toLocaleString());
    $("#time").html(result);

视图:

  <td>Time:</td>
  <td><span id="time"></span></td>

如何在UI上显示javascript

如果你还没有添加jQuery,那么请添加最新的jQuery参考,你使用的是document.write(),它总是将你的变量写入你的视图,所以在初始化任何变量时不需要使用document.write()

替换此result = document.write(ourDate.toLocaleString());

与这个:

result = ourDate.toLocaleString();

演示

试试这个:

ourDate = new Date();
$("#time").html(ourDate.toLocaleString());

try:

ourDate  = new Date();
var result =  ourDate .toLocaleString() ;
$("#time").html(result);   

要缩短你的JavaScript,可以这样做:

$("#time").html(new Date().toLocaleString());

在这里看到它的作用:http://jsfiddle.net/x4dLf/1/