setTimeout, clearTimeoutに関する問題

Question

下記のようなコードがあります。
かんたんに言えば、3秒ごとに更新されるページがあります。
目的としている仕様は以下のとおりです。

ｑボタンを押すと、「準備しています」<div id="prep">ブロックがフェードインして、yahoo.co.jpに飛ぶようなページです。

解決したいことは、「準備しています」<div id="prep">ブロックが出ず、yahoo.co.jpに飛んでしまうのです。
どうやら、qwait関数の中でsetTimeoutが飛ばされてlocation.hrefが実行されてしまうようです。

setTimeoutが正常に実行されるように書き換えることは可能でしょうか？よろしくおねがいします。

clearTimeoutは、yahoo.co.jpへ飛ぶ準備をしている間に、location.reloadが起こらないようにするためにあります。

$(function() {
	var id = setTimeout("location.reload()", 3000);
	$(document).on('keydown', function(e) {
		if ((e.which || e.keyCode) == 81) {// q
			qwait();
		}
	});
});

function qwait() {
	clearTimeout(id);
	setTimeout(function() {
		$('#prep').fadeIn(100);
	}, 100);
	location.href = 'yahoo.co.jp';
}

	<div id="prep">
		<p>しばらくお待ち下さい…</p>
	</div>

#prep{
	z-index: 1;
	width: 356px;
	height: 159px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -178px;
	margin-top: 79px;
	display: none;
}

Answer 1

私の書いたコードでうまく動いていました。
よく確認せず、質問してしまいすいません。