Difference between revisions of "Applets:Periodendauer periodischer Signale"

From LNTwww
Line 1: Line 1:
 +
<p>
 +
{{BlaueBox|TEXT=
 +
<B style="font-size:18px">Funktion:</B>
 +
$$x(t) = A_1\cdot cos\Big(2\pi f_1\cdot t- \frac{2\pi}{360}\cdot \phi_1\Big)+A_2\cdot cos\Big(2\pi f_2\cdot t- \frac{2\pi}{360}\cdot \phi_2\Big)$$
 +
}}
 +
</p>
  
 
<html>
 
<html>
 
<head>
 
<head>
−
      <meta charset="utf-8" />
+
    <meta charset="utf-8" />
−
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsxgraph/0.99.6/jsxgraphcore.js"></script>
+
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsxgraph/0.99.6/jsxgraphcore.js"></script>
 +
    <!-- <script type="text/javascript" src="https://en.lntwww.de/MathJax/unpacked/MathJax.js?config=TeX-AMS-MML_HTMLorMML-full,local/mwMathJaxConfig"></script> -->
 +
    <!-- <script type="text/javascript" src="https://cdn.rawgit.com/mathjax/MathJax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML-full"></script> -->
 
<style>
 
<style>
−
         .wrapper1{
+
         .button {
−
          display:grid;
+
            background-color: black;
−
          grid-row-gap:1em;
+
            border: none;
−
      justify-items:stretch;
+
            color: white;
−
      align-items:stretch;
+
            font-family: arial;
−
        }
+
            padding: 8px 20px;
−
 
+
            text-align: center;
−
        .wrapper1 >div{
+
            text-decoration: none;
−
          padding:0em;
+
            display: inline-block;
−
          border: 1px solid black;
+
            font-size: 16px;
 +
            border-radius: 15px;
 
         }
 
         }
−
         .wrapper1 >div:nth-child(odd){
+
         .button:active {
 +
            background-color: #939393;
 
         }
 
         }
−
        .wrapper2{
+
  </style>
−
          display:grid;
+
</head>
−
          grid-row-gap:1em;
 
−
                grid-template-columns:70% 30%;
 
−
                justify-items:stretch;
 
−
                align-items:stretch;
 
  
−
        }
+
<body onload="drawNow()">
 +
<!-- Resetbutton, Checkbox und Formel -->
 +
<p>
 +
    <input type="checkbox" id="gridbox" onclick="showgrid();" checked> <label for="gridbox">Gitterlinien Zeigen</label>
 +
    <button class="button" onclick="drawNow();">Reset</button>
 +
</p>
 +
<div id="cnfBoxHtml" class="jxgbox" style="width:600px; height:150px;  float:top; margin:-10px 20px 100px 0px;"></div>
 +
<div id="pltBoxHtml" class="jxgbox" style="width:600px; height:600px; border:1px solid black; margin:-100px 20px 10px 0px;"></div>
  
−
        .wrapper2 >div{
+
<!-- Ausgabefelder -->
−
          padding:0em;
 
−
          border: 1px solid black;
 
−
        }
 
−
 
 
−
 
 
−
    .box4{
 
−
      grid-column:1/3;
 
−
      grid-row:4/4;
 
−
      border: 1px solid black;
 
−
    }
 
−
    .box5{
 
−
      grid-column:2/3;
 
−
      grid-row:4/4;
 
−
      border: 1px solid black;
 
−
    }
 
−
 
 
−
    .button {
 
−
        background-color: black;
 
−
        border: none;
 
−
        color: white;
 
−
        font-family: arial;
 
−
        padding: 8px 20px;
 
−
        text-align: center;
 
−
        text-decoration: none;
 
−
        display: inline-block;
 
−
        font-size: 16px;
 
−
        border-radius: 15px;
 
−
    }
 
−
    .button:active {
 
−
        background-color: #939393;
 
−
    }
 
−
</style>
 
−
</head>
 
−
<body>
 
  
 +
<table>
 +
    <tr>
 +
        <td>$x(t)$= <span id="x(t)"></span>  $\quad$ </td>
 +
        <td>$x(t+ T_0)$= <span id="x(t+T_0)"></span>  $\quad$ </td>
 +
        <td>$x(t+2T_0)$= <span id="x(t+2T_0)"></span>  $\quad$ </td>
 +
        <td>$x_{\text{max}}$= <span id="x_max"></span>  $\quad$ </td>
 +
        <td style="color:blue;">$T_0$= <span id="T_0"></span>  $\quad$ </td>
 +
    </tr>
 +
</table>
  
  
 
<script type="text/javascript">
 
<script type="text/javascript">
−
 
+
function drawNow() {
 
         // Grundeinstellungen der beiden Applets
 
         // Grundeinstellungen der beiden Applets
 
         JXG.Options.text.useMathJax = true;
 
         JXG.Options.text.useMathJax = true;
Line 195: Line 183:
 
             document.getElementById("x_max").innerHTML = Math.max.apply(Math, x);
 
             document.getElementById("x_max").innerHTML = Math.max.apply(Math, x);
 
         }, 50);
 
         }, 50);
−
 
+
    };
 
     // Definition der Funktion zum An- und Ausschalten des Koordinatengitters
 
     // Definition der Funktion zum An- und Ausschalten des Koordinatengitters
 
     function showgrid() {
 
     function showgrid() {
Line 208: Line 196:
 
     };
 
     };
 
</script>
 
</script>
−
 
−
 
−
 
−
<div class="wrapper1">
 
−
 
−
  <div id="container1">
 
−
 
−
<p>
 
−
{{BlaueBox|TEXT=
 
−
<B style="font-size:18px">Funktion:</B>
 
−
$$x(t) = A_1\cdot cos\Big(2\pi f_1\cdot t- \frac{2\pi}{360}\cdot \phi_1\Big)+A_2\cdot cos\Big(2\pi f_2\cdot t- \frac{2\pi}{360}\cdot \phi_2\Big)$$
 
−
}}
 
−
</p>
 
−
 
−
</div>
 
−
 
−
  <div id="container2">
 
−
 
−
<div id="cnfBoxHtml" class="jxgbox" style="width:600px; height:100px;border:1px solid black;"></div>
 
−
 
−
  </div>
 
−
 
−
  <div id="container3">
 
−
 
−
<div id="pltBoxHtml" class="jxgbox" style="width:600px; height:600px; border:1px solid black;"></div>
 
−
 
−
  </div>
 
−
 
−
  <div id="leerraum">
 
−
  </div>
 
−
</div>
 
−
 
−
 
−
 
−
<div class="wrapper2">
 
−
 
−
  <div >
 
−
<table>
 
−
    <tr>
 
−
        <td>$x(t)$= <span id="x(t)"></span>  $\quad$ </td>
 
−
        <td>$x(t+ T_0)$= <span id="x(t+T_0)"></span>  $\quad$ </td>
 
−
        <td>$x(t+2T_0)$= <span id="x(t+2T_0)"></span>  $\quad$ </td>
 
−
        <td>$x_{\text{max}}$= <span id="x_max"></span>  $\quad$ </td>
 
−
        <td style="color:blue;">$T_0$= <span id="T_0"></span>  $\quad$ </td>
 
−
    </tr>
 
−
</table>
 
−
 
−
 
−
</div>
 
−
  <div >
 
−
 
−
<p>
 
−
    <input type="checkbox" id="gridbox" onclick="showgrid();" checked> <label for="gridbox">Gitterlinien zeigen</label>
 
−
    <button class="button" onclick="drawNow();">Reset</button>
 
−
</p>
 
−
 
−
</div>
 
−
</div>
 
−
 
−
 
 
</body>
 
</body>
 
</html>
 
</html>
 +
 
{{Display}}
 
{{Display}}

Revision as of 21:27, 18 September 2017

Funktion: $$x(t) = A_1\cdot cos\Big(2\pi f_1\cdot t- \frac{2\pi}{360}\cdot \phi_1\Big)+A_2\cdot cos\Big(2\pi f_2\cdot t- \frac{2\pi}{360}\cdot \phi_2\Big)$$

$x(t)$= $\quad$ $x(t+ T_0)$= $\quad$ $x(t+2T_0)$= $\quad$ $x_{\text{max}}$= $\quad$ $T_0$= $\quad$



Retrieved from "http://en.lntwww.de/index.php?title=Applets:Periodendauer_periodischer_Signale&oldid=15016"
  • Powered by MediaWiki