javascript - html/php 页面上的 Jquery 日期和时间

Question

我想显示与以下网站相同的日期（英文和阿拉伯文）和时间：

http://bit.ly/2gHpUZ

因为我无法从这个网站上选择代码，但我需要与我的 html / php 页面完全相同的代码，

问候亚历克斯

Answer 1

当然，你可以得到代码。一旦文档完全加载，“showTheTime”函数将与“replaceText”函数一起调用，以将时间转换为阿拉伯语：

function replaceText(node){
    if (node.nodeType == 3){
        node.nodeValue = node.nodeValue.replace(/0/ig, '٠'); 
        node.nodeValue = node.nodeValue.replace(/1/ig, '۱'); 
        node.nodeValue = node.nodeValue.replace(/2/ig, '۲'); 
        node.nodeValue = node.nodeValue.replace(/3/ig, '۳'); 
        node.nodeValue = node.nodeValue.replace(/4/ig, '٤'); 
        node.nodeValue = node.nodeValue.replace(/5/ig, '٥'); 
        node.nodeValue = node.nodeValue.replace(/6/ig, '٦'); 
        node.nodeValue = node.nodeValue.replace(/7/ig, '۷'); 
        node.nodeValue = node.nodeValue.replace(/8/ig, '۸'); 
        node.nodeValue = node.nodeValue.replace(/9/ig, '۹'); 
    }else if (node.nodeType == 1){
        $(node).contents().each(function (){
            replaceText(this);
        });
    }
}

function showTheTime(){
    now = new Date();
    now.setUTCHours(now.getUTCHours()+3);
    $('#clock').html(now.getUTCHours() + ":" + showZeroFilled(now.getUTCMinutes()) + ":" + showZeroFilled(now.getUTCSeconds()));
    setTimeout(showTheTime, 1000);
    replaceText(document.getElementById('clock'));
}

function showZeroFilled(inValue){
    if (inValue > 9){
    return "" + inValue;
}
    return "0" + inValue;
}


$(document).ready(function(){
    showTheTime();
});​

您需要做的就是在文档中定义或重新定义元素“时钟”。