Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The setPriority() method of the TaskController interface can be called to set a new priority for this controller's signal. If a prioritized task is configured to use the signal, this will also change the task priority.

Observers are notified of priority changes by dispatching a prioritychange event. The method will only notify if the priority actually changes (the event is not fired if the priority would not be changed by the call).

Note that task priority can only be changed for tasks with mutable priorities. If the task is immutable, the function call is ignored.





The priority of the task. One of: "user-blocking", "user-visible", "background".

Return Value

None (undefined).


NotAllowedError DOMException

A priority change has been started when one is already running.


First we create a task controller. In this case we don't specify a priority, so it will default to user-visible.

// Create a TaskController with default priority: 'user-visible'
const controller = new TaskController();

Then we pass the controller's signal to the Scheduler.postTask() method.

// Post task passing the controller's signal.
// The signal priority sets the initial priority of the task
scheduler.postTask( ()=>{ return 'Task execute'; }, {signal: controller.signal} )
  .then( (taskResult) => { console.log(`${taskResult}`); }) // Run on success)
  .catch( (error) => { console.log(`Catch error: ${error}`); });  // Run on fail

The controller can then be used to change the priority

// Change the priority to 'background' using the controller

Additional examples, including showing how to handle the event that results from changing the priority, can be found in: Prioritized Task Scheduling API > Examples.


Prioritized Task Scheduling
# dom-taskcontroller-setpriority

Browser compatibility

BCD tables only load in the browser