Programacion

<HTML>
<HEAD>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
	<title>Oscilador 555 astable</title>
	<style>
	label {
		color: white;
		font-size: 28px;
		text-shadow: 7px 4px 5px black;
	}
	
	#resultado{
		color: white;
		font-size: 36px;
	}

select, .texto { 
		width: 90px; 
		height: 35px;
		font-size: 20px;
		background: #dbf1db; 
		border-radius: .3em;
	}
	
	.btn {
	  border: none; 
	  color: white; 
	  padding: 14px 140px;
	  border-radius: 5px; 
	}

.danger {background-color: #da190b;} 
	.danger:hover {background: #f44336;}
	
	</style>
	<script>
	function calcular(){
		const multiplos = [1,1000,1000000];
		const submultiplos = [0.000000000001,0.000000001,0.000001];
		var r1 = document.getElementById("r1").value;
		var r2 = document.getElementById("r2").value;
		var c1 = document.getElementById("c1").value;
		var a = document.getElementById("uno").value;
		var b = document.getElementById("dos").value;
		var c = document.getElementById("tres").value;
		var frec, ct, tiempo, tL, tH;
		
		r1=parseFloat(r1);
		r2=parseFloat(r2);
		c1=parseFloat(c1);
		a=parseInt(a);
		b=parseInt(b);
		c=parseInt(c);
		
		r1 = r1 * multiplos[a];
		r2 = r2 * multiplos[b];
		c1 = c1 * submultiplos[c];
		
		frec = 1 / (0.693 * c1 * (r1 + (2 * r2)));
		//frec = 1.44 / ((r1 + (2*r2))*c1);
		ct = ((r1+r2)/(r1+(2*r2)))* 100;
		ct = ct.toFixed(1);
		
		tiempo = 1 / frec;
		
		tH = (tiempo * ct) / 100;
		tL = tiempo - tH;
		
		if (frec >= 1000000){
			frec = frec / 1000000;
			frec = frec.toFixed(3) + " MHz";
		}else{
			if (frec >= 1000){
				frec = frec / 1000;
				frec = frec.toFixed(3) + " KHz";
			}else{
				frec = frec.toFixed(3) + " Hz";
			}
		}
		
		if (tiempo >= 1){
			tiempo = tiempo.toFixed(1) + " s";
			tH = tH.toFixed(1) + " s";
			tL = tL.toFixed(1) + " s";
		}else{
			if (tiempo >= 0.001){
				tiempo = tiempo * 1000;
				tH = (tH * 1000).toFixed(2) + " ms";
				tL = (tL * 1000).toFixed(2) + " ms";
				tiempo = tiempo.toFixed(2) + " ms";
			}else{
				tiempo = tiempo * 1000000;
				tH = (tH * 1000000).toFixed(2) + " us";
				tL = (tL * 1000000).toFixed(2) + " us";
				tiempo = tiempo.toFixed(2) + " us";
			}
		}
		document.getElementById("resultado").innerHTML = "Frecuencia = "
		+ frec + "<br>Ciclo de trabajo = " + ct + "%<br>Tiempo = " + tiempo
		+ "<br>Tiempo Alto = " + tH + "<br>Tiempo Bajo = " + tL;
	}
	</script>
</HEAD>
<BODY BGCOLOR="#454e4c"	ALIGN="center">
	<label><u>Oscilador 555 Astable</u><label><br>
	<br>
	Resistencia 1 (RA) = <input type="text" id="r1" value="820" class="texto">
	<select id="uno">
		<option value="0" selected>Ω</option>
		<option value="1">KΩ</option>
		<option value="2">MΩ</option>
	</select>
	<br>
	Resistencia 2 (RB) = <input type="text" id="r2" value="6.8" class="texto">
	<select id="dos">
		<option value="0">Ω</option>
		<option value="1" selected>KΩ</option>
		<option value="2">MΩ</option>
	</select>
	<br>
	Capacitor (C1) = <input type="text" id="c1" value="100" class="texto">
	<select id="tres">
		<option value="0">pF</option>
		<option value="1" selected>nF</option>
		<option value="2">uF</option>
	</select>
	<br><br>
	<input type="button" value="Calcular Frecuencia y Tiempos" onClick="calcular()" class="btn danger">
	<br><br>
	<div id="resultado">
		Frecuencia = 1.001 KHz
		<br>
		Ciclo de trabajo = 52.8%
		<br>
		Tiempo = 999.31 us
		<br>
		Tiempo Alto = 527.63 us
		<br>
		Tiempo Bajo = 471.67 us
	</div>
	<br>
	<img src="555_astable.png" height="40%"/>
</BODY>
</HTML>

Descargar archivo