Javascript-форум - правильная ли конструкция

Добрый. Смысл такой: , после нажатия кнопки, срабатывает счетчик и после выполнения условия if, нужно через Аякс передать другую переменную опять же и БД.

Мой вопрос, такая конструкция вообще реальна, а то я буду дальше разбираться с запросом аякс, а окажется что это вообще не когда не сработает.
Может подтолкнете меня в правильное направление ...

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">  
</head>
<body>	



<style>
		
		
		
		
</style>
<p id="timerbild">000</p>
<p id="tiks"></p>

<div id="bild" button onclick="test()" style="border:2px solid red; width:100px" >построить</div>


 
<script>
		
							let h =  '<?php echo $price;?>'; ;
						
							function test(){
							
							console.log("test");
							let id = setInterval(function(){
								document.getElementById('timerbild').innerHTML = h + " "+"время";
								h--;
								
								if(h == -1){
								clearInterval(id);
						*!*		
							$.ajax({
								type:"POST",
								data:"key=" + data,
								url:php.php,
								dataType:json,
								success: function(data){
								$.text(data.id);
							*/!*	
								}
								})
								};
								
								},1000);
								}
</script>

</body>

</html>