This parameter set time after which the tour automatic switching to the next step. To make the timer active, you need to move the mouse cursor out of the message box
<script src="../js/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="../css/iGuider.css">
<script src="../js/jquery.iGuider.js"></script>
<link rel="stylesheet" href="../themes/material/iGuider-theme-material.css">
<script src="../themes/material/iGuider-theme-material.js"></script>
<script>
$(window).on('load',function(){
$('.start-tour').on('click',function(){
iGuider({
tourTitle:'steps.timer',
steps:[{
title:'Step 1',
content:'Step 1 Description',
target:'el-1',
timer:4000
},{
title:'Step 2',
content:'Step 2 Description',
target:'el-2',
timer:4000
},{
title:'Step 3',
content:'Step 3 Description',
target:'el-3',
timer:4000
}]
});
return false;
});
})
</script>
<p><a class="btn start-tour" href="#">Start Tour</a></p>
<a href="#" class="custom-element" data-target="el-1">Element 1 </a>
<a href="#" class="custom-element" data-target="el-2">Element 2 </a>
<a href="#" class="custom-element" data-target="el-3">Element 3 </a>