jQuery 自动更改日期而不使用 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()]+"&nbsp;&nbsp;&nbsp;"+'</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&nbsp;:&nbsp;'+times.imsak+'&nbsp;'+'</li><li>Subuh&nbsp;: 20&deg; ,&nbsp;Isya&nbsp;: 18&deg;</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/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery自动刷新页面

来自分类Dev

使用 JQuery 过度刷新页面

来自分类Dev

jQuery innerWidth 不使用 } else { 不刷新页面

来自分类Dev

jQuery移动更改页面和刷新页面

来自分类Dev

jQuery:使用淡入和淡出刷新页面

来自分类Dev

几秒钟后如何使用jQuery刷新页面?

来自分类Dev

如何使用jQuery向django服务器发出请求以刷新页面上的信息

来自分类Dev

使用Django,Ajax,jQuery提交表单而不刷新页面?

来自分类Dev

使用Jquery,Ajax提交表单而不刷新页面时无法读取数据库

来自分类Dev

不要重新充电菜单以使用Jquery-Ajax刷新页面

来自分类Dev

如何使用jQuery刷新页面或div以显示新数据

来自分类Dev

如何在不刷新页面的情况下使用jQuery remove()?

来自分类Dev

如何使用jQuery刷新页面的一部分

来自分类Dev

使用JQuery运行php刷新页面不起作用

来自分类Dev

使用MVC / AJAX / JQuery搜索Umbraco,无需刷新页面

来自分类Dev

防止URL地址栏,并防止使用jQuery刷新页面

来自分类Dev

使用jQuery关闭模式弹出窗口时刷新页面

来自分类Dev

如何使用 JQUERY 在不刷新页面的情况下对 PHP 循环进行排序

来自分类Dev

在jQuery Mobile上刷新页面

来自分类Dev

jQuery Mobile中的刷新页面

来自分类Dev

提交刷新页面中的jQuery

来自分类Dev

jQuery成功后刷新页面

来自分类Dev

jQuery Datatable jEditable刷新页面

来自分类Dev

Jquery append() 刷新页面

来自分类Dev

更改URL而不刷新页面

来自分类Dev

使用AngularJS的SPA刷新页面

来自分类Dev

使用AngularJS的SPA刷新页面

来自分类Dev

使用jQuery更新脚本标签的src-使用jQuery重新加载脚本而无需刷新页面

来自分类Dev

jQuery:单击按钮刷新/刷新页面

Related 相关文章

热门标签

归档