首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >可以将日期添加到当前的javascript函数中吗?

可以将日期添加到当前的javascript函数中吗?
EN

Stack Overflow用户
提问于 2018-08-17 07:25:28
回答 1查看 0关注 0票数 0

以下是我使用的代码:

代码语言:txt
复制
var toggle = true;
    
    function showTime() {
        var d = new Date().toLocaleTimeString('en-US', {
            hour12: false,
            hour: 'numeric',
            minute: 'numeric'
        });
        var parts = d.split(":");
        $('#hours').text(parts[0]);
        $('#minutes').text(parts[1]);
        $("#colon").css({
            visibility: toggle ? "visible" : "hidden"
        });
        toggle = !toggle;
    }
    
    setInterval(showTime, 1000);
代码语言:txt
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<h1>
<span id="hours"></span>
<span id="colon">:</span>
<span id="minutes"></span>
</h1>

EN

回答 1

Stack Overflow用户

发布于 2018-08-17 17:05:13

用以下代码试试:

代码语言:txt
复制
var toggle = true;
var months = ["January","February","March","April","May","June","July","August","September","October","November","December"];

    
function showTime() {
    var d = new Date();

    var time = d.toLocaleTimeString('en-US', {
        hour12: false,
        hour: 'numeric',
        minute: 'numeric',
        date: 'dd/mm/yy'
    });

    var date = d.getDate();
    var month = d.getMonth();

    $('#date').text(months[month]+" "+date);

    var parts = time.split(":");
    $('#hours').text(parts[0]);
    $('#minutes').text(parts[1]);
    $("#colon").css({
        visibility: toggle ? "visible" : "hidden"
    });
    toggle = !toggle;
}

setInterval(showTime, 1000);
代码语言:txt
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<h1>

<span id="hours"></span>
<span id="colon">:</span>
<span id="minutes"></span> -
<span id="date"></span>
</h1>

代码语言:txt
复制
var toggle = true;

function showTime() {
  var d = moment();

  $('#date').text(d.format("MMMM D"));
  $('#hours').text(d.hour());
  $('#minutes').text(d.minute());

  $("#colon").css({
    visibility: toggle ? "visible" : "hidden"
  });
  toggle = !toggle;
}

setInterval(showTime, 1000);
代码语言:txt
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>

<h1>

<span id="hours"></span>
<span id="colon">:</span>
<span id="minutes"></span> -
<span id="date"></span>
</h1>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100002249

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档