Question

I want to show the date (english & arabic) & time same as in following website :

http://bit.ly/2gHpUZ

because i’m not able to pick the code from this website but i need exactly the same to my html /php page ,

regards
Alex

Answer 1

Of course you can get the code. Once the document has fully loaded the ‘showTheTime’ function is called in conjunction with the ‘replaceText’ function to translate the time to arabic:

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();
});​

All you need to do is define or re-define the element ‘clock’ within your document.