Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/262.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
格式化PHP和Javascript时钟_Javascript_Php - Fatal编程技术网

格式化PHP和Javascript时钟

格式化PHP和Javascript时钟,javascript,php,Javascript,Php,我从中获取了此代码,并成功地将其放到了我的网站上。 代码如下: <?php function d1() { $time1 = time(); $date1 = date("h:i:sa",$time1); echo $date1; } ?> <script> var now = new Date(<?php echo time() * 1000 ?>); function startInterval(){

我从中获取了此代码,并成功地将其放到了我的网站上。 代码如下:

<?php
function d1() {
    $time1 = time();

    $date1 = date("h:i:sa",$time1);
    echo $date1;
}
?>
<script>
    var now = new Date(<?php echo time() * 1000 ?>);
    function startInterval(){
        setInterval('updateTime();', 1000);
    }
    startInterval();//start it right away
    function updateTime(){
        var nowMS = now.getTime();
        nowMS += 1000;
        now.setTime(nowMS);
        var clock = document.getElementById('qwe');
        if(clock){
            clock.innerHTML = now.toTimeString();//adjust to suit
        }
    }
</script>
<div id="qwe"></div>
我希望它显示为

9:41:44 PM
我想这条线

 clock.innerHTML = now.toTimeString();//adjust to suit

是一个我需要改变,但找不到任何格式,显示它非常简单。我需要自己写一些东西以这种自定义格式显示吗?

您可以尝试这样做

function formatTime(date) {
  var hours = date.getHours();
  var minutes = date.getMinutes();
  var seconds = date.getSeconds();
  var ampm = hours >= 12 ? 'PM' : 'AM';

  hours = hours % 12;
  hours = hours ? hours : 12; 

  minutes = minutes < 10 ? '0'+minutes : minutes;
  return hours + ':' + minutes + ':' + seconds + ' ' + ampm;
}

// your existing code with modification
...
clock.innerHTML = formatTime(now);//adjust to suit
...
函数格式时间(日期){
var hours=date.getHours();
var minutes=date.getMinutes();
var seconds=date.getSeconds();
var ampm=小时数>=12?“下午”:“上午”;
小时数=小时数%12;
小时数=小时数?小时数:12;
分钟=分钟<10?'0'+分钟:分钟;
返回时数+':'+分钟+':'+秒数+''+安培数;
}
//修改后的现有代码
...
clock.innerHTML=格式化时间(现在)//适应
...

如果您正使用日期时间过多,并且必须使用上述函数,您应该考虑使用.

。我建议您尝试使用Chrome中的开发工具,以便检查对象可用的属性和功能。 试试这个,F12的开发者工具和在那里的类型

var date_new = new Date()
然后键入date\u new。按下该点后,您将看到哪些潜在函数对您可用

当然,阅读官方文件了解这一切是很好的,但如果你没有互联网连接或很匆忙的话。你可以看看Date对象的那些函数


享受编码的乐趣

这应该可以解决你的问题谢谢,谢谢,我不敢相信我以前没有发现这个。顺便说一句,momentJs也很容易使用,而且已经很轻了。但有时纯JavaScript也会出现问题:)我试过momentJs,因为某些原因它不起作用,我这里有它,你能帮我确定这里出了什么问题吗?我是不是下载错了moment.js?代码学校有一个免费的chrome开发工具课程。
var date_new = new Date()