AngularJS Example:
HTML
<div ng-app="throwback">
no blink .. <blink>blink</blink> ... no blink .. <blink>blink</blink> ...
</div>
CSS
</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<style>
JavaScript
angular.module('throwback', []).
directive('blink', function() {
return {
restrict: 'E',
transclude: true,
scope: {},
controller: function($scope, $element) {
var blinker = $element[0]
setInterval(function() {
blinker.style.visibility = ((blinker.style.visibility == 'visible') ? 'hidden' : 'visible');
},500);
},
template:
'<span ng-transclude class="test"></span>',
replace: true
};
})