Demo for jQuery Timed Dialog Plugin

This is a simple and lightweight jQuery plugin that allows you to create simple info and confirmation dialog modals with auto dismiss on timer.
The plugin is very easy to use and can be customized to suit your needs.
The plugin is responsive and can be used in any device. It also supports light/dark theming based on your device settings.

Here are some examples of how to use the plugin:

1. Info dialog modal

1.1. Simple info dialog modal

                
                var options = {
                    type: 'info',
                    title: 'Info',
                    body: '<p>This is a simple info modal. You can insert html markup also.</p>',
                    width: 400,
                    height: 280,
                };
                $().timedDialog(options);

1.2. Info dialog modal with auto dismiss on timer

                
                var options = {
                    type: 'info',
                    title: 'Info',
                    body: '<p>This is a simple info modal. You can insert html markup also.</p>',
                    width: 400,
                    height: 280,
                    closeOnTimer: true,
                };
                $().timedDialog(options);

2. Confirmation modal dialog

2.1. Simple confirmation modal

                
                var myAction = () => {$('body').append('<div>I am an added div</div>')};
                var options = {
                    type: 'confirmation',
                    title: 'Confirmation',
                    body: '<p>Are you sure you want to add a div to the DOM?</p>',
                    width: 400,
                    height: 280,
                    btnConfirm: {text: 'Proceed', action: myAction()}
                };
                $().timedDialog(options);

2.2. Confirmation modal with auto dismiss on timer

                
                var options = {
                    type: 'info',
                    title: 'Info',
                    body: '<p>Are you sure you want to add a div to the DOM?</p>',
                    width: 400,
                    height: 280,
                    closeOnTimer: true,
                    timeout:20,
                    btnConfirm: {text: 'Proceed', action: myAction()}
                };
                $().timedDialog(options);

2.3. Complex confirmation modal

                
                var options = {
                    type: 'info',
                    title: 'Info',
                    body: '<p>Are you sure you want to add a div to the DOM?</p>',
                    width: 400,
                    height: 280,
                    btnConfirm: {text: 'Proceed', action: myAction()}
                };
                $().timedDialog(options);