使用jQuery选择标点字符_Jquery_Clock

使用jQuery选择标点字符

jquery

使用jQuery选择标点字符,jquery,clock,Jquery,Clock,我有一个闹钟：基本上，我想让“：”闪烁。（可见/隐藏）我想我必须用jQuery选择“：”，然后更改visibility css属性，但我不知道如何更改，因为它们已经由jQuery生成了据我所知，正则表达式可能是进行选择的解决方案，但我不知道如何使用它任何帮助都会很好您可以将时钟的不同部分划分为跨距。并将“：”放入一个类中 HTML: <body onload="startTime()"> <div id="txt"> <span id="hou

我有一个闹钟：

基本上，我想让“：”闪烁。（可见/隐藏）我想我必须用jQuery选择“：”，然后更改visibility css属性，但我不知道如何更改，因为它们已经由jQuery生成了

据我所知，正则表达式可能是进行选择的解决方案，但我不知道如何使用它

任何帮助都会很好

您可以将时钟的不同部分划分为跨距。并将“：”放入一个类中

HTML:

<body onload="startTime()">
    <div id="txt"> <span id="hours"></span><span class="blink">:</span><span id="minutes"></span><span class="blink">:</span><span id="seconds"></span>
    </div>

function startTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    // add a zero in front of numbers<10
    m = checkTime(m);
    s = checkTime(s);
    $("#hours").html(h);
    $("#minutes").html(m);
    $("#seconds").html(s);
    t = setTimeout(function () {
        startTime()
    }, 500);
}

function checkTime(i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}

$(document).ready(function () {
    startTime();
    $('.blink').each(function () {
        var elem = $(this);
        setInterval(function () {
            if (elem.css('visibility') == 'hidden') {
                elem.css('visibility', 'visible');
            } else {
                elem.css('visibility', 'hidden');
            }
        }, 500);
    });
});

::

您还需要将时钟的数字添加到不同的跨距中，这样“：”就不会每秒插入和删除

最后，初始化一个间隔，将闪烁效果应用于“blink”类

JQuery:

<body onload="startTime()">
    <div id="txt"> <span id="hours"></span><span class="blink">:</span><span id="minutes"></span><span class="blink">:</span><span id="seconds"></span>
    </div>

function startTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    // add a zero in front of numbers<10
    m = checkTime(m);
    s = checkTime(s);
    $("#hours").html(h);
    $("#minutes").html(m);
    $("#seconds").html(s);
    t = setTimeout(function () {
        startTime()
    }, 500);
}

function checkTime(i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}

$(document).ready(function () {
    startTime();
    $('.blink').each(function () {
        var elem = $(this);
        setInterval(function () {
            if (elem.css('visibility') == 'hidden') {
                elem.css('visibility', 'visible');
            } else {
                elem.css('visibility', 'hidden');
            }
        }, 500);
    });
});

函数开始时间（）{
var today=新日期（）；
var h=today.getHours（）；
var m=today.getMinutes（）；
var s=today.getSeconds（）；
//在数字前加一个零就是这样！非常感谢你的帮助！