Timer Script Gp theme
=======================
Footer Script
=======================
<?php
/**
* The template for displaying the footer.
*
* @package GeneratePress
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
?>
</div>
</div>
<?php
/**
* generate_before_footer hook.
*
* @since 0.1
*/
do_action( 'generate_before_footer' );
?>
<div <?php generate_do_attr( 'footer' ); ?>>
<?php
/**
* generate_before_footer_content hook.
*
* @since 0.1
*/
do_action( 'generate_before_footer_content' );
/**
* generate_footer hook.
*
* @since 1.3.42
*
* @hooked generate_construct_footer_widgets - 5
* @hooked generate_construct_footer - 10
*/
do_action( 'generate_footer' );
/**
* generate_after_footer_content hook.
*
* @since 0.1
*/
do_action( 'generate_after_footer_content' );
?>
</div>
<?php
/**
* generate_after_footer hook.
*
* @since 2.1
*/
do_action( 'generate_after_footer' );
wp_footer();
?>
<script>
var downloadButton = document.getElementById("download");
var counter = 23;
var newElement = document.createElement("downloadbutton");
newElement.innerHTML = "Visit Time Start";
var id;
downloadButton.parentNode.replaceChild(newElement, downloadButton);
id = setInterval(function() {
counter--;
if(counter < 0) {
newElement.parentNode.replaceChild(downloadButton, newElement);
clearInterval(id);
} else {
newElement.innerHTML = "Please Wait " + counter.toString() + " seconds.";
}}, 1000);
</script>
</body>
</html>
========================
Per post auto cunter
========================
<div class="wp-block-button aligncenter"><a id="download" class="wp-block-button__link">Visit Complete </a></div>
========================
Custom CSS
========================
button {
color: #ffffff;
background-color: #55555e;
background-color: #f44336;
border-color: #f44336;
box-shadow: 0 2px 2px 0 rgb(244 67 54 / 14%), 0 3px 1px -2px rgb(244 67 54 / 20%), 0 1px 5px 0 rgb(244 67 54 / 12%);
}
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
color:#fff;
background-color: #f44336;
border-color: #f44336;
}
a.read-more {
font-size: 16px;
background: #079d0d;
padding: 5px 10px;
border-radius: 15px 2px;
color: #fff;
text-decoration: none;
transition: 0.3s;
}
a.read-more:hover {
background: red;
text-decoration: none;
color: #fff;
border-radius: 2px 15px;
}
footer.entry-meta a {
color: #1e73be;
}
footer.entry-meta a:hover {
color: #303030;
}
downloadbutton {
background-color: red;
color: #fff;
font-weight: 600;
padding: 20px;
border: solid 1px #b50000;
border-radius: 20px;
margin: 20px;
}
Comments
Post a Comment