ベストセラー人気 WordPress テーマTop 30 詳細

DIV自動更新javascript

Last Updated:2020年11月15日| コメントを残す
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

特定のDIVを5秒ごとに自動的に更新リロードするようにDIVを更新するjavascriptスクリプトの例です。 次のスクリプトを使用すると、リアルタイムで予約状況を更新したり、リアルタイムでチャットメッセージを更新するなどの機能を実装することができます。

<script langauge="javascript">
var counter = 0;
window.setInterval("refreshDiv()", 5000);
function refreshDiv(){
counter = counter + 1;
document.getElementById("test").innerHTML = "Testing " + counter;
}
</script>
// Source: JavaRanch

特定の時間が経過すると、HTMLページのDIV / SPANを更新するには、次のようなスクリプトを使用することができます。

function autoRefresh_div()
{
$("#result").load("load.html");
}
setInterval('autoRefresh_div()', 5000); // 5초 후에 div 새로 고침
// Source: devzone.co.in

現在DIVを一定の間隔でリロードするには、次のスクリプトを使用します。

function autoRefresh_div()
{
var currentLocation = window.location;
$("#myid").load(currentLocation + ' #myid);
}
setInterval('autoRefresh_div()', 3000);

JavaScript / jQueryテンプレート:

機能を直接実装することの難しさを経験したり、時間がかかり、時間を節約したい場合 WordPress プラグインは、PHPスクリプトなど、さまざまな種類のコードを販売する CodeCanyonで、比較的低コストでさまざまな機能(例えば、スライダー、ビデオプレーヤーなど)のJavaScriptの/ jQueryテンプレートやPHPスクリプトを購入することができます。

コードキャニオンで販売されているjavascript / jQueryテンプレート
CodeCanyonで販売されているjavascript / jQueryテンプレート


コメントを残す

コメント