Ellipsize middle of string in Javascriptt

I am currently trying to create a function that will ellipsize the middle of a text string. The idea is for it to show the first five characters and the last five characters. The middle of the string will just show as

…

So for example if I have dkjkjfdljfldkjfssdfsf

It should show as

dkjkj…sdfsf

I so far have this function:

function ellipsizeIt(text, length) {
if (text.length > length) { return ${text.substring(0, length)}...${text.substring(0, length)}; }
return text;
}

But its just repeating the string first five characters when I do:

ellipsizeIt(text, 5);

It will show as

dkjkj…dkjkj

Any way to do it so that it doesnt just repeat the first five characters in the end of the string and show the actual last 5 characters?