Applets:Periodendauer periodischer Signale: Unterschied zwischen den Versionen

Aus LNTwww
Wechseln zu:Navigation, Suche
Zeile 1: Zeile 1:
 +
 
<p>
 
<p>
 
{{BlaueBox|TEXT=
 
{{BlaueBox|TEXT=
Zeile 13: Zeile 14:
 
     <!-- <script type="text/javascript" src="https://cdn.rawgit.com/mathjax/MathJax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML-full"></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>
        .button {
+
            .wrapper1{
            background-color: black;
+
          display:grid;
            border: none;
+
          grid-row-gap:1em;
            color: white;
+
      justify-items:stretch;
            font-family: arial;
+
      align-items:stretch;
            padding: 8px 20px;
+
        }
            text-align: center;
+
 
            text-decoration: none;
+
        .wrapper1 >div{
            display: inline-block;
+
          padding:0em;
            font-size: 16px;
+
 
            border-radius: 15px;
 
 
         }
 
         }
         .button:active {
+
         .wrapper1 >div:nth-child(odd){
            background-color: #939393;
 
 
         }
 
         }
 +
        .wrapper2{
 +
          display:grid;
 +
          grid-row-gap:1em;
 +
                grid-template-columns:70% 30%;
 +
                justify-items:stretch;
 +
                align-items:stretch;
  
.grid {
+
        }
  display: grid;
 
  grid-template-columns: 70% 30%;
 
  grid-gap: 10px;
 
}
 
  
.box:nth-child(3),
+
        .wrapper2 >div{
.box:nth-child(4)
+
          padding:0em;
{
 
  grid-column: span 2;
 
  }
 
  
 +
    grid-template-columns:repeat(2);}
 +
 +
 +
    .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>
 
   </style>
 
</head>
 
</head>
  
 
<body onload="drawNow()">
 
<body onload="drawNow()">
 +
<!-- Resetbutton, Checkbox und Formel -->
  
<div class="grid">
+
<div class="wrapper1">
 +
<div id="cnfBoxHtml" class="jxgbox" style="width:600px; height:150px; "></div>
 +
<div id="pltBoxHtml" class="jxgbox" style="width:600px; height:600px; border:1px solid black;"></div>
 +
</div>
  
<div id="cnfBoxHtml" class="jxgbox" style="width:600px; height:150px;  float:top; margin:-10px 20px 100px 0px;"></div>
+
<!-- Ausgabefelder -->
  
<div>
+
<div class="wrapper2">
<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 id="pltBoxHtml" class="jxgbox" style="width:600px; height:600px; border:1px solid black; margin:-100px 20px 10px 0px;"></div>
+
  <div>
 
 
<div>
 
 
<table>
 
<table>
 
     <tr>
 
     <tr>
Zeile 70: Zeile 94:
 
</table>
 
</table>
 
</div>
 
</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>
 
+
</div>
  
  

Version vom 20. September 2017, 16:13 Uhr

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$