0

假设我的日期戳格式如下：

var now = new Date();
dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");

这是一个愚蠢的问题，但是我要在我的页面上显示这个吗？

我试过这个：

if (xmlhttp.readyState==4 && xmlhttp.status==200){
    document.getElementById("datatable").innerHTML=xmlhttp.responseText;

    var now = new Date();
    var todayDate = dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");
    $('div').html(todayDate);
}

<body onload="View();" >
    <div id="datatable" align="center"></div>
</body>

这是整个 HTML：

<html>
<head>
    <link type="text/css" rel="stylesheet" href="css.css" />
    <script src="jquery-1.10.1.min.js"></script>
    <script language="Javascript"> 
        function View(){
            if (window.XMLHttpRequest)
            {// code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp=new XMLHttpRequest();
            }
            else
            {// code for IE6, IE5
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange=function()
            {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                    document.getElementById("datatable").innerHTML=xmlhttp.responseText;        
                }
            }
            xmlhttp.open("POST", "http://someremoteserver/display_a_table.php", true);
            xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            xmlhttp.send(); 
        }
     </script>
</head>

    <body onload="View();" >
        <div id="datatable" align="center"></div>

        <script language="Javascript"> 
            now = new Date();
            todayDate = dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");
            document.write("Last update: ", now()); 
        </script>
    </body>
</html>

我在上面的正文中尝试了 document.write，但语法错误。您能否更正并告诉我如何更改字体大小？

4

1 回答 1

0

只需在您的 HTML 中选择一个您想要的区域，然后将其放在带有 .html() 标记的 html 中，如下所示。

$(document).ready(function(){
        var now = new Date();
        var todayDate = dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");
        $('#datatable').html(todayDate);
});

    <body>
        <div id="datatable" align="center"></div>

更新： 从上面更新您的代码。

你不想要 document.write() 函数，因为它会清除页面的内容并写下你给函数的任何内容。所以 document.write('here') 将是一个空白页，上面有“here”这个词。

此外，如果您想使用这些格式化时间函数，您将需要包含http://stevenlevithan.com/assets/misc/date.format.js。

所以基本上我会保留你的代码来获取表格。然后我添加了一个 id='timestamp' 的 div 来放置时间。然后我使用 jQuery 来花费时间并将其放置在时间戳 div 中并使用$('#timestamp').html('Last update: <span style="font-size:18px">'+todayDate+'</span>');`更改它的大小

<html>
<head>
    <link type="text/css" rel="stylesheet" href="css.css" />
    <script src="jquery-1.10.1.min.js"></script>
    <script src="http://stevenlevithan.com/assets/misc/date.format.js"></script>
    <script language="Javascript"> 


$(document).ready(function(){  
            if (window.XMLHttpRequest)
            {// code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp=new XMLHttpRequest();
            }
            else
            {// code for IE6, IE5
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange=function()
            {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                    document.getElementById("datatable").innerHTML=xmlhttp.responseText;        
                }
            }
            xmlhttp.open("POST", "http://someremoteserver/display_a_table.php", true);
            xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            xmlhttp.send(); 




            now = new Date();
            todayDate = dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");
            $('#timestamp').html('Last update: <span style="font-size:18px">'+todayDate+'</span>'); 
      });
     </script>
</head>

    <body>
        <div id="datatable" align="center"></div>

        <div id="timestamp"></div>
    </body>
</html>
于 2013-06-10T18:56:44.290 回答