script

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="ajaxTest.js"></script>
</head>
<body>

    <!--
        alle Seiten die ich dafür benutzt habe und die dir weiterhelfen sollten
        http://stackoverflow.com/questions/29754299/syncing-multiple-clients-triggered-by-a-server-in-php-and-javascript
        http://blog.teamtreehouse.com/beginners-guide-to-ajax-development-with-php
        http://stackoverflow.com/questions/1580386/i-am-trying-to-do-an-asp-like-repeater-in-php
        http://keith-wood.name/countdown.html
    -->

    <div class="repeatTimers">
        <!--
             repeater here

            irgendwie sowas wie das hier:

            also gib dir alle db einträge aus und schreib dafür nen html.

            <?php
            $dbhost = 'xxxx';
            $dbuser = 'xxxx';
            $dbpass = 'xxxx';
            $dbname = 'xxxx';

            $conn = mysql_connect($dbhost, $dbuser, $dbpass) or die ('Error connecting to mysql');

            mysql_select_db($dbname, $conn);
            $result = mysql_query("SELECT * FROM mytable", $conn);

            while ($row = mysql_fetch_array($result)) {
                echo '<tr align="center"><td>' . htmlspecialchars($row['Picturedata']) . '</td></tr>';
            }
            ?>

            _________________


            give some informations to the Timerbutton like the name or better the ID
            <a class="timer" timerid="1"></a>
            <a class="timer" timerid="2"></a>
            <a class="timer" timerid="3"></a>


            -->
    </div>

</body>
</html>

<script type="text/javascript">

    //bei klick auf den timer änder den status des timers auf true/false / run was auch immer
    $('a.timer').click(function () {

        //ruft den AjaxHandler mit den daten der TimerID auf.
        //ambesten wenn der handler aufgerufen wird schreib den jetzigen zeitpunkt mit in die db für den jQuery countdown, welcher dann einfach bis Timestemp + db.item.hours * 60 gezählt wird.

        //auf der page yourAjaxHandler steht dann quasi auch wieder soetwas wie beim repeater nur das du jetzt halt schon nach der timerid selectest...

        $.ajax({
            url: 'yourAjaxHandler.php',
            type: 'POST',
            data: { 'timerid': $(this).attr('timerid') }, //
            success: function (json) {
                $.each(json, function (i, item) {
                    //hier wird das item wieder gegeben wie auf  http://blog.teamtreehouse.com/beginners-guide-to-ajax-development-with-php beschrieben
                    //also kannste hier sowas machen wie:

                    /*
                    if(item.isReady)
                    {
                        countdown($(this).attr('timerid'), item.timer);
                    }
                    */

                })
            },
            error: function (xhr, desc, err) {
                //console.log(xhr + "\n" + err);
            }
        })

    });

    function countdown(id, timer) {
        //do countdown stuff here http://keith-wood.name/countdown.html
    }


</script>