Difference between revisions of "Applets:Periodendauer periodischer Signale"
From LNTwww
David.Jobst (talk | contribs) |
David.Jobst (talk | contribs) |
||
| Line 1: | Line 1: | ||
| + | |||
<p> | <p> | ||
{{BlaueBox|TEXT= | {{BlaueBox|TEXT= | ||
| Line 13: | Line 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> | ||
| − | + | .wrapper1{ | |
| − | + | display:grid; | |
| − | + | grid-row-gap:1em; | |
| − | + | justify-items:stretch; | |
| − | + | align-items:stretch; | |
| − | + | } | |
| − | + | ||
| − | + | .wrapper1 >div{ | |
| − | + | padding:0em; | |
| − | + | ||
| − | |||
} | } | ||
| − | . | + | .wrapper1 >div:nth-child(odd){ |
| − | |||
} | } | ||
| + | .wrapper2{ | ||
| + | display:grid; | ||
| + | grid-row-gap:1em; | ||
| + | grid-template-columns:70% 30%; | ||
| + | justify-items:stretch; | ||
| + | align-items:stretch; | ||
| − | + | } | |
| − | |||
| − | |||
| − | |||
| − | } | ||
| − | . | + | .wrapper2 >div{ |
| − | + | padding:0em; | |
| − | |||
| − | |||
| − | |||
| + | 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=" | + | <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> | ||
| − | < | + | <!-- Ausgabefelder --> |
| − | <div | + | <div class="wrapper2"> |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | <div> | |
| − | |||
| − | <div> | ||
<table> | <table> | ||
<tr> | <tr> | ||
| Line 70: | Line 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> | |
Revision as of 16:13, 20 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$ |
