[英]jQuery change date automatically without refresh the page using setInterval
我需要日期始终自动刷新我的js函数。
function jadwal_sholat()
{
geo = [1.03000000, 103.92000000, 3.07];
timezone = +7;
prayTimes.tune( {imsak: 2, subuh: 2, dhuhur: 2, ashar: 2, maghrib: 2, isya: 2} );
var date = new Date(); // today
var times = prayTimes.getTimes(date, geo, timezone);
var list = ["Subuh", "Dhuhur", "Ashar", "Maghrib", "Isya"];
var thisday=date.getDay();
var thismonth=date.getMonth();
var thisdate=date.getDate();
var thisyear=date.getFullYear();
var months = new Array("Januari", "Pebruari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "Nopember", "Desember");
var name_of_days = new Array("Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jum"+"'"+"at", "Sabtu");
var day_name = name_of_days[thisday];
var monthname = months[thismonth];
var tanggal = day_name+", "+thisdate+" "+monthname+" "+thisyear;
var html = '<table id="timetable">';
html += '<tr><th colspan="2">'+tanggal+'</th></tr>';
for(var i in list) {
html += '<tr><td style="width:50%";>'+ list[i]+ '</td>';
html += '<td align="center">'+ times[list[i].toLowerCase()]+" "+'</td></tr>';
}
html += '<tr><th colspan="2" style="margin:0;padding:0;font-weight:normal;text-align:left;"><ul style="list-style:none;margin:0;padding:5px 3px;"><li>Imsak : '+times.imsak+' '+'</li><li>Subuh : 20° , Isya : 18°</li><li>Waktu sudah ditambah 2 menit</center></li></ul></td></tr>';
html += '</table>';
document.getElementById('table').innerHTML = html;
}
function show() {
jadwal_sholat();
}
window.onload=function(){show()}
我是否希望使用setInterval基于刷新的今天日期进行日期更改?
var date = new Date(); // today
我需要这样做,因为每个更改日期数据都会有不同的值。
是否可以使用jQuery自动刷新,也许每隔1秒设置一次间隔?
附加信息
如上图所示,该函数将加载时间祈祷。 现在,如果我们在明天约会,我希望它自动显示,而无需刷新浏览器。
就是说,日期将更改为2017年10月31日,然后根据当前日期得出以下祈祷时间。
您可以使用set timeout并调用函数jadwal_sholat
。 以下是您需要添加的示例代码。 这将更新时间而不刷新浏览器。
loadTime = function(){
jadwal_sholat();
setTimeout(loadTime, 1)
}
loadTime();
工作的JS小提琴: https : //jsfiddle.net/hkLna719/
下面的代码应该做的工作
setInterval(function(){ jadwal_sholat(); }, 1000*60*24);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.