Skip to main content
Alterei a resposta para o objetivo real da pergunta.
Fonte Link

Use Regex e replace():

function mascaraTelefone(inputvalue){
    var value = input.value;
    value = value.replace(/\D/g,"");                  //Remove tudo o que não é dígito
    value = value.replace(/^(\d{2})(\d)/g,"($1) $2"); //Coloca parênteses em volta dos dois primeiros dígitos
    value = value.replace(/(\d)(\d{4})$/,"$1-$2");    //Coloca hífen entre o quarto e o quinto dígitos
    value = value.substr(0, 15);
    input.value =return value;
}
 
window.onload

Chame a função passando o valor (telefone) o retorno dela sera o telefone formatado:

//Esse =seria function(){
o telefone que vem document.querySelector("#telefone").onkeyupdo =banco function(){
de dados
var tel = "1125346283"

//Essa variavel você pode mascaraTelefone(this);apresentar
 var telFormatado = }
}

OU

Use jQuery Mask Plugin:

$("input#telefone").mask("mascaraTelefone(00) 0000-0000"tel);

HTML:

<input id="telefone" type="text">

Use Regex e replace():

function mascaraTelefone(input){
    var value = input.value;
    value = value.replace(/\D/g,"");                  //Remove tudo o que não é dígito
    value = value.replace(/^(\d{2})(\d)/g,"($1) $2"); //Coloca parênteses em volta dos dois primeiros dígitos
    value = value.replace(/(\d)(\d{4})$/,"$1-$2");    //Coloca hífen entre o quarto e o quinto dígitos
    value = value.substr(0, 15);
    input.value = value;
}
 
window.onload = function(){
    document.querySelector("#telefone").onkeyup = function(){
        mascaraTelefone(this);
    }
}

OU

Use jQuery Mask Plugin:

$("input#telefone").mask("(00) 0000-0000");

HTML:

<input id="telefone" type="text">

Use Regex e replace():

function mascaraTelefone(value){
    value = value.replace(/\D/g,"");                  //Remove tudo o que não é dígito
    value = value.replace(/^(\d{2})(\d)/g,"($1) $2"); //Coloca parênteses em volta dos dois primeiros dígitos
    value = value.replace(/(\d)(\d{4})$/,"$1-$2");    //Coloca hífen entre o quarto e o quinto dígitos
    value = value.substr(0, 15);
    return value;
}

Chame a função passando o valor (telefone) o retorno dela sera o telefone formatado:

//Esse seria o telefone que vem do banco de dados
var tel = "1125346283"

//Essa variavel você pode apresentar
var telFormatado = mascaraTelefone(tel);
Fonte Link

Use Regex e replace():

function mascaraTelefone(input){
    var value = input.value;
    value = value.replace(/\D/g,"");                  //Remove tudo o que não é dígito
    value = value.replace(/^(\d{2})(\d)/g,"($1) $2"); //Coloca parênteses em volta dos dois primeiros dígitos
    value = value.replace(/(\d)(\d{4})$/,"$1-$2");    //Coloca hífen entre o quarto e o quinto dígitos
    value = value.substr(0, 15);
    input.value = value;
}

window.onload = function(){
    document.querySelector("#telefone").onkeyup = function(){
        mascaraTelefone(this);
    }
}

OU

Use jQuery Mask Plugin:

$("input#telefone").mask("(00) 0000-0000");

HTML:

<input id="telefone" type="text">