Не работающая ссылка
 

Подскажите как сделать чтобы ссылка
была в начале не кликабельной , а через 5 секунд можно было уже нажать и перейти на сайт .

<a href="http://yandex.ru" id="unclickable" onclick="return false">ПЫЩ</a>
<script>
var a= document.getElementById("unclickable");
setTimeout(function(){a.onclick=null}, 10000); // Задержка в 10 секунд - чтобы успели пощёлкать)
</script>

Это будет работать только при включённом javascript, только при открытии левой клавишей мыши (а не правой или средней, например), и совершенно не спасёт от перетаскивания ссылки в адресную строку или новую вкладку.

<a id="unclickable">ПЫЩ</a>
<script>
var a= document.getElementById("unclickable");
setTimeout(function(){a.href="http://yandex.ru"}, 10000); // Задержка в 10 секунд - чтобы успели пощёлкать)
</script>

если играть с onclick то при наведении получим курсор pointer, а это не семантично, плюс описаные выше недостатки

Дурной, штоле? У ссылки, по-твоему, какой курсор?

Предлагай варианты лучше. Просто критиковать может любой.

во-первых, я предложил(читаем код)
во-вторых, если я вижу курсор pointer, то это значит что я могу кликнуть и получить действие, если ссылка не клибальная, то и курсор должен быть обыкновенным

Да, этот вариант лучше.

И много людей догадается, что это будет ссылкой? Текст себе и текст, откуда человеку знать, что он потом ссылкой станет...

Вообще, решением и вашего и моего варианта станет вывод таймера рядом со ссылкой - через сколько она станет кликабельной.