PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr

PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr (https://www.php-resource.de/forum/)
-   HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS (https://www.php-resource.de/forum/html-javascript-ajax-jquery-css-bootstrap-less/)
-   -   Tabellenwert aktualisieren (https://www.php-resource.de/forum/html-javascript-ajax-jquery-css-bootstrap-less/103877-tabellenwert-aktualisieren.html)

PHPuser08 24-03-2013 19:26

Tabellenwert aktualisieren
 
Guten Tag,

Ich habe eine Auktionsseite erstellt, klappt soweit alles.
Mein Problem ist, dass der Tabellenwert "Auktion endet in:" 1 Tag, 15 Stunden, 30 Sek. nur aktualisiert wird wenn man die Seite reloaded.

Der Wert ist in der Datenbank gespeichert

Wie kann ich diesen Wert sekündlich aktualisieren, sodass er wie ein Countdown ist?

Mit Javascript kann ich ja nur die komplette Seite aktualisieren.
Ich habe schon von AJAX gehört.
Weiß aber nicht wie ich das da einbauen soll.
Danke für die Hilfe

Marcus-24-D 25-03-2013 03:41

Ein einfaches Beispiel für php und JQuery

Im Head Bereich
HTML-Code:

<head>
<!-- Bindet JQuery ein -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">


<script type="text/javascript">


//Wenn das Dokument geladen wurde
$(document).ready(function() {

  var refreshId = setInterval(function() {
   
    /*holt den wert aus der php Datei und fügt sie
        dem div Element mit der Id timer zu */
    $("#timer").load('timer.php');
  },
  /*Zeit in mill.Sekunden für den refresh*/
  1000);
 
  $.ajaxSetup({ cache: false });
});

</script>


</head>

In php


PHP-Code:

<?
// Der Abfrage entsprechend anpassen
$zeit "SELECT time FROM Table where id = ?";

//Ausgabe
echo $zeit;

?>




In Html

HTML-Code:

<!-- Ausgabe der Zeit-->
<div id="timer"></div>


PHPuser08 25-03-2013 13:08

Ich habe das jetzt einmal so eingebaut:
Code:

<script src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>
 <script>
var auto_refresh = setInterval(
function()
{
$('#loaddiv').fadeOut('slow').load('random.php').fadeIn("slow");
}, 1000);
</script>

und dann:

Code:

<td><div id="loaddiv"> <?=time_left($item_details['end_time']); ?></div> </td>
mein random sieht so aus:

PHP-Code:

 <?php

    
echo rand();

Jetzt aktualisiert er sekündlich, jedoch kommen dann immer lange Zahlen, anstatt 3 Stunden, 20 Min.
In der Datenbank steht ebenfalls ein hoher Wert wie: 14562646465

MFG

Marcus-24-D 25-03-2013 18:51

Das ist der Timestamp der in der Datenbank steht.
Den musst du natürlich noch entsprechend aufbereiten.
Mich hat man hier auch immer lange mit Grundwissen geärgert:D deswegen tue ich das an dieser Stelle auch mal :)

Der Schattenbaum - Claudia Unkelbach - Tutorials, PHP, Seife


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:53 Uhr.

Powered by vBulletin® Version 3.8.2 (Deutsch)
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.3.0
[c] ebiz-consult GmbH & Co. KG