Question

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

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，但语法错误。你能否请更正并告诉我如何更改字体大小？

Answer 1

只需在您想要的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>

在jquery中添加时间戳

1 个答案: