Auto-Refresh a Web Page: Browser Extensions and Code

To auto-refresh a web page, use a browser extension, an HTML meta refresh tag on a site you control, or JavaScript included in that site's source. An online page reloader is another option where the target page permits it. A console snippet can schedule one reload, but the timer disappears when the page reloads.

This guide explains these five approaches and their limits. If you want to know when a page changes while your computer is off, a cloud monitor can check it on a schedule and send an alert after detecting a change.

Quick Answer: Ways to Refresh a Page

For repeated refreshing: Choose a compatible extension, such as Tab Reloader for Firefox or Auto Refresh Plus for Chrome. Review its permissions, select the tab and set an interval. The browser must remain running.

For one delayed reload: If your browser permits developer tools, open its JavaScript console and run:

window.refreshTimer = setTimeout(() => location.reload(), 30000);

This schedules one reload after a delay of 30,000 milliseconds (30 seconds). Browser scheduling can delay it further. The new page will not inherit this console-created timer. Only run console code you understand.

Now let's look at each method in detail.

If you don't want to keep a browser running: See monitoring vs. refreshing.

Go deeper: How to Receive Restock Alerts All in One Place | How to Get Notified when Products are Back in Stock

Method 1: Browser Extensions

An extension can keep a reload schedule outside the page's JavaScript context. Check the extension's supported browser versions and permissions before installing it.

Chrome Auto-Refresh Extensions

Auto Refresh Plus lists custom intervals, keyword detection, scheduled refresh windows and a hard-refresh option. These are the publisher's advertised features.

Visualping's Chrome extension offers local and cloud monitoring. Local checks can run as often as every minute while your browser and computer remain running. Cloud monitors run on Visualping's servers and use your plan's check frequency and allowance.

If alerts beat refreshing, start with our walkthrough of website change monitoring in Chrome.

To install a supported desktop Chrome extension:

1. Open the exact Chrome Web Store listing linked above for the extension you choose.
2. Select Add to Chrome, review the permissions and choose Add extension if you approve.
3. Open the extension from the toolbar.
4. Navigate to the page you want to refresh.
5. Configure the extension's interval and start control.

Firefox Auto-Refresh Add-ons

Tab Reloader is available through Firefox Add-ons. Its listing describes custom periods for individual tabs, a toolbar control and policies that can prevent reloads at specified times.

Open that listing in Firefox, review its permissions and follow the installation prompts.

Microsoft Edge Extensions

Microsoft documents how to install Chrome Web Store extensions in Edge. Visit the store in Edge, allow extensions from other stores when prompted, then review the extension's permissions before adding it.

On a managed work or school device, your organization may restrict extensions or developer tools. Ask your administrator which options are permitted.

Safari Auto-Refresh Options

Safari supports extensions on Mac, iPhone and iPad, but an extension must support your device and Safari version. Check its App Store listing before installing.

Browser Auto Refresh, the app linked in an earlier version of this guide, is listed for iPhone and iPad. That listing does not establish it as a Mac Safari extension.

For a single delayed reload in Safari on Mac, use the console method below. If your goal is an alert while the device is off, consider a cloud monitor such as Visualping.

Go deeper: How to Be the First to Know When Apple Products are In Stock | How to Monitor Online PDFs with Visualping

Schedule One Reload Without an Extension

The console can schedule a single reload without installing an extension. It cannot preserve that timer across a full page reload. For repeated refreshing, use an extension or put the reload code in the source of a page you control.

Method 2 explains the console example and cancellation. For checks while your computer is off, see the cloud monitoring comparison.

Method 2: DevTools Console (One Delayed Reload)

This method is useful when you want to reload the current page once after a delay. Developer tools must be permitted on your device.

Chrome, Edge, and Brave

1. Open the page and your browser's developer tools. In desktop Chrome, use Ctrl+Shift+J on Windows or Cmd+Option+J on Mac to open the Console.
2. Read the code before running it. It schedules a reload of the current page and saves the timer ID so you can cancel it.
3. Run:

window.refreshTimer = setTimeout(() => location.reload(), 30000);

The delay is in milliseconds. To cancel before it fires, run clearTimeout(window.refreshTimer). Closing the developer tools panel does not cancel the page's timer. Reloading the page discards this console-created timer.

Firefox

Open Web Console from Firefox's developer tools and run the same example. Read any paste warning and review the code rather than treating the warning as a step to bypass. You can type the one-line example manually.

Safari

On Mac, open Safari > Settings > Advanced and enable Show features for web developers. Then open Develop > Show JavaScript Console and run the same example.

Limits: This is one delayed reload. It needs the page to remain open, and the actual delay can be longer than requested, especially in an inactive tab.

Quick reference for reload delays:

Go deeper: How to Monitor Donald Trump’s Truth Social | How To Monitor Keywords On Any Website

Method 3: The HTML Meta Refresh Tag

If you control a web page, you can include a refresh instruction in its HTML.

Add this tag inside the <head> section of your HTML:

<meta http-equiv="refresh" content="30">

The content value is a delay in seconds. MDN's refresh reference explains that the timer starts after the page has loaded. If the newly loaded page contains the same tag, it schedules another refresh.

You can also redirect to a different URL on refresh:

<meta http-equiv="refresh" content="30;url=https://example.com/updated-page">

When to use this:

• You're building a dashboard or status page that needs to stay current.
• You want visitors to see updated content without asking them to install anything.
• You're prototyping and need a quick way to see changes.

Limitations:

• You need edit access to the page's HTML.
• Automatic reloads can interrupt reading and input. MDN flags accessibility problems when people cannot finish reading before a refresh.
• A reload can use network and processing resources. Cached assets may be reused, so it does not necessarily download every asset again.
• Provide a way for users to pause automatic updates where appropriate.

Method 4: JavaScript Auto-Refresh

JavaScript gives you more control than the meta tag. You can add conditions (only refresh when the tab is visible), build countdown timers, or wire in start/stop logic.

Basic Timed Reload

setTimeout(function(){
    window.location.reload();
}, 30000);

This schedules one reload after at least the requested delay. For repeated refreshing on a site you control, include the script in the page source so it runs again on each load. A console-created setInterval does not survive a full reload.

Refresh Only When the Tab Is Active

setInterval(function(){
    if (!document.hidden) {
        location.reload();
    }
}, 30000);

This uses the Page Visibility API to skip a reload when the document is hidden. Include the script in your page source to recreate the timer after each reload. Browsers can also throttle timers in background tabs.

Countdown Timer With Display

let seconds = 30;
const counter = setInterval(function(){
    seconds--;
    document.title = `Refreshing in ${seconds}s`;
    if (seconds <= 0) {
        clearInterval(counter);
        location.reload();
    }
}, 1000);

This displays a countdown in the tab title. It counts timer callbacks, so delayed callbacks can make it run longer than 30 seconds. Include it in the page source if you want it to restart after each reload.

When to use JavaScript:

• You're a developer building a page that needs to auto-update.
• You want conditional logic (only refresh when certain criteria are met).
• You need the refresh logic embedded in the page itself.

Method 5: Online Page Reloader Tools

Don't want to install anything or touch code? Online reloading tools let you paste a URL and pick a refresh interval.

PageReloader.com offers a URL field, an interval in seconds or minutes, and start/stop controls. Check that your target page works with the service before relying on it.

Limitations of online tools:

• A page embedded in an iframe may be blocked by the target site's X-Frame-Options or Content Security Policy.
• Entering a URL into a third-party tool shares that URL with the tool. Review its privacy terms before submitting sensitive addresses.
• An iframe can be interactive. Cross-origin restrictions and the tool's implementation determine which interactions are available.
• Browser-based tools still need the browser and computer to remain running.

How to Choose the Right Method

Not sure which method fits? Think about what you can and can't do on the machine you're using.

If you can install an extension, Method 1 provides a reload schedule. Method 2 schedules one reload. If you own the website, Methods 3 and 4 put the logic in the page source. For an online reloader, test whether it can display your target page. For alerts while your computer is off, use cloud monitoring such as Visualping, subject to successful captures and your plan limits.

Which Refresh Interval Should You Use?

Choose an interval based on the site's update mechanism, its access rules and how much delay you can tolerate. There is no tested interval in this guide that guarantees you will catch a restock or other short-lived update.

If the site returns errors, a CAPTCHA or a traffic warning, stop automated refreshes and review its access requirements. A particular interval does not guarantee acceptance.

When Auto-Refresh Isn't Enough: Monitoring vs. Refreshing

A basic refresh timer reloads a page. A change monitor compares captures and can notify you after detecting a difference. Some refresh extensions also include change alerts, so compare the features you need.

1. Reviewing the change. A reload alone does not explain what changed. A comparison and summary can help you decide whether to open the page.

2. Resource use. Reloading can consume processing time and network data. Cached assets can reduce transfers; the impact depends on the page and interval.

3. Where checks run. Local refreshing depends on your browser and computer. Background timers may be delayed. Cloud checks can continue while your computer is off, subject to site access and check limits.

Visualping provides AI summaries and an important-or-not flag. Email is included on all plans; SMS starts with Personal 5K, and Slack requires Business. Write your condition in Alert me when to guide the AI assessment. For important-change notifications, confirm Alert me only when the AI condition is met is enabled along with your delivery channel. The filter is on by default and normally turns on when you write a prompt. AI assessments can be wrong, and filtering can withhold a change you wanted. For critical pages, consider receiving all detected change alerts.

Here's when each approach makes sense:

Visualping's Free plan includes 5 active pages, 150 checks per month and a fastest cloud interval of 60 minutes. Five pages checked daily need 150 checks in 30 days, or 155 in 31 days. The 31-day total exceeds the 150-check allowance. One page checked hourly would need 720 checks over 30 days, so the fastest available interval cannot run all month on the Free allowance. Failed checks also consume checks; monitoring pauses if the allowance is exhausted.

For an Amazon price, choose the relevant price area and review the alert against the live offer before buying. See our price monitoring guide. A restock alert requires the availability change to appear in a successful capture; it cannot reserve an item or guarantee it remains available.

For course registration or jobs, first confirm the preview contains the information you need. Login, session expiry or a page loading differently can affect capture.

For competitor pricing or changes in terms of service, a cloud monitor can check while your computer is off. In regulated industries, retain and review the records needed for your process. Scheduled captures do not establish a record of every source change.

Go deeper: Best Free Page Monitoring Agents | How to Monitor Website Changes

Troubleshooting Common Auto-Refresh Problems

The page asks me to "Confirm Form Resubmission"

A reload after a form submission can prompt the browser to resend data. Avoid automatically repeating a transaction or submission. Return to the site's normal navigation or a read-only page where available.

The extension stopped working after a browser update

Check the extension's listing for compatibility information and updates. Also review its permissions and site-specific settings. The console example can schedule one reload, but it is not a replacement for a persistent extension schedule.

The page shows a CAPTCHA or "unusual traffic" message

Pause automatic refreshing and follow the site's instructions. A CAPTCHA or traffic warning can have several causes. Moving the checks to a cloud service does not guarantee access or remove the site's restrictions.

Auto-refresh drains my battery quickly

Try a longer interval and stop refresh jobs you no longer need. Resource use depends on the page, caching and browser behavior. A server-side monitoring tool moves scheduled checks off your device.

The page content doesn't actually update on refresh

Check whether the site has actually published an update. A normal reload may reuse or revalidate cached resources. If your extension offers a hard-refresh option, consult its documentation. Avoid scripts that remove URL parameters, which can change the page or product variant you are viewing. Some pages update their content without a full reload.

Auto-refresh stops when I switch tabs

Browsers can throttle timers in inactive tabs. That can delay a page's JavaScript reload without stopping it entirely. Check your extension's documented background behavior, or use cloud monitoring when you need checks independent of your device.

Frequently Asked Questions

Can you automatically refresh a web page?

Yes. A compatible extension can keep a reload schedule. A console timer schedules one reload and is lost when the page reloads. On a site you control, include a meta refresh tag or JavaScript in the source so it runs after each page load.

What browsers support auto-refresh extensions?

Desktop Chrome and Firefox have extension stores, and Edge supports installing extensions from the Chrome Web Store. Safari supports extensions on Mac and iOS, though each extension must support the specific device. Check the publisher's current listing for compatibility.

How do I stop a web page from automatically refreshing?

Stop or disable the extension responsible. For the console example in this guide, run clearTimeout(window.refreshTimer) before the reload fires. On a site you control, remove or disable the refresh code or meta tag. Disabling JavaScript does not remove an HTML meta refresh instruction.

Is auto-refreshing bad for my computer?

Repeated page loads can use processing time, battery and network data. The impact depends on the page, caching, device and interval. No 30-second threshold guarantees a minimal impact. Reduce the frequency or move scheduled checks to a cloud service if local resource use is a concern.

Can websites detect that I'm auto-refreshing?

Repeated automated requests may be restricted by a site. If you see a CAPTCHA, access denial or traffic warning, stop and follow the site's instructions. Neither random timing nor a longer interval guarantees access.

What's the difference between auto-refresh and page monitoring?

Auto-refresh reloads a page on a timer. Page monitoring compares captures and can alert you after detecting a change. Cloud monitoring can run while your browser is closed; local monitoring depends on your device. Both require successful access to the target content.

Does auto-refresh work on mobile browsers?

Firefox for Android supports extensions, and Safari supports extensions on iPhone and iPad. Check whether the particular extension supports your mobile browser. Chrome's mobile extension installation flow adds an extension to desktop Chrome; it does not establish that the extension runs on your phone. Cloud monitoring is another option for receiving alerts without keeping a mobile browser open.

How do I auto-refresh a page at a specific time?

Auto Refresh Plus for Chrome advertises a countdown timer that can start refreshing at a selected date and time, plus scheduled refresh windows. Tab Reloader for Firefox documents time- and date-based rules that prevent reloads during specified periods. Check the publisher's settings for your version, keep the browser running and test the chosen configuration before relying on it.